/Javascript/React/Get value of input element on button click react

Get value of input element on button click react

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 vote124 views1 answer
Botão delete no reactjs com class component
Javascript React
0 vote119 views1 answer
React keydown event listener
Javascript React
5 votes114 views2 answers
Update react version
Javascript React
0 vote117 views1 answer
React Fontawesome Thumbs Up/Down rating (showcases background icon hiding)
Javascript React
4 votes121 views2 answers
How to use react-native-vector-icons
Javascript React
0 vote115 views1 answer
React google login button size increase
Javascript React
-1 vote117 views5 answers
Play audio in react
Javascript React
0 vote127 views2 answers
Write data in props.histroy.push in react component
Javascript React
1 vote138 views4 answers
React router go rprevious page
Javascript React
0 vote120 views1 answer
${product} meaning in react js
Javascript React