/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

1 vote273 views2 answers
Hosting react with pm2
Javascript React
6 votes287 views2 answers
React native activity indicator
Javascript React
0 vote248 views1 answer
React native svg size
Javascript React
1 vote254 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React
0 vote280 views1 answer
Create a link in react js to download xcelfile
Javascript React
116 votes247 views6 answers
Bootstrap react
Javascript React
0 vote264 views1 answer
My react router Dom learnings
Javascript React
0 vote242 views1 answer
React native charts style gradiant
Javascript React
0 vote237 views1 answer
React-redux form preventdefault
Javascript React
0 vote267 views1 answer
Error-too-many-re-renders-react-limits-the-number-of-renders-to-prevent
Javascript React