/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 vote368 views1 answer
React native scrollview scrollto()
Javascript React
0 vote375 views1 answer
React native jest snapshot
Javascript React
0 vote398 views1 answer
React native updating options with setoptions
Javascript React
0 vote407 views1 answer
React native navigation paramlist never used
Javascript React
0 vote389 views1 answer
React live chat widget
Javascript React
0 vote373 views1 answer
React handling event
Javascript React
3 votes366 views5 answers
React date range picker
Javascript React
0 vote412 views1 answer
React function called last state
Javascript React
0 vote392 views1 answer
Highcharts react hide data point dots
Javascript React
2 votes397 views2 answers
Get value of Autocomplete react
Javascript React