/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 vote280 views2 answers
Syntax attribute same as name react
Javascript React
0 vote348 views1 answer
Different ways to write react file paths
Javascript React
0 vote426 views1 answer
React steam auth
Javascript React
27 votes362 views4 answers
Font awesome react npm
Javascript React
3 votes285 views1 answer
React bootstrap card
Javascript React
0 vote330 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote328 views1 answer
React big calendar event color
Javascript React
-1 vote311 views4 answers
React native reset cache
Javascript React
0 vote317 views1 answer
Log errors react
Javascript React
0 vote325 views1 answer
React Update a label when rate moves
Javascript React