/Javascript/React/React get input value on button click functional component

React get input value on button click functional component

const input = props => {

let textInput = React.createRef();

function handleClick() {
  console.log(textInput.current.value);
}

return (
    <div>
      <input ref={textInput} placeholder="Type a message..." />
      <div onClick={handleClick} className="icon">
        <i className="fa fa-play" />
      </div>
    </div>
  )
}

Source: stackoverflow.com

Similar codes

0 vote267 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
1 vote247 views1 answer
React native get current time
Javascript React
71 votes306 views5 answers
Css react
Javascript React
0 vote256 views1 answer
My react router Dom learnings
Javascript React
1 vote253 views3 answers
How to make sticky footer with react router
Javascript React
-2 votes227 views1 answer
<Link> react import
Javascript React
1 vote231 views4 answers
React native push notifications npm
Javascript React
1 vote241 views1 answer
React slick slider duplicate items when infinite true #1623
Javascript React
9 votes225 views2 answers
React select options
Javascript React
1 vote241 views2 answers
Send an email react native
Javascript React