/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 vote345 views1 answer
How to use rgba in react native
Javascript React
14 votes314 views5 answers
React conditional classname
Javascript React
0 vote319 views1 answer
Assign random colors react chartjs
Javascript React
0 vote329 views2 answers
React generate component command
Javascript React
0 vote349 views1 answer
React-bootstrap problem-import new version
Javascript React
0 vote296 views1 answer
Switch react router
Javascript React
-2 votes345 views2 answers
React native text align vertical center
Javascript React
0 vote391 views1 answer
Get size of a View in React Native
Javascript React
1 vote350 views1 answer
How to set state when change viewport react
Javascript React
0 vote304 views1 answer
React-datepicker
Javascript React