/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 vote380 views2 answers
Subdomain react app
Javascript React
1 vote391 views1 answer
How to add button react native app.js
Javascript React
7 votes395 views4 answers
React history push search params
Javascript React
0 vote383 views1 answer
Svelte reactive async
Javascript React
4 votes412 views1 answer
Text input placeholder color react native
Javascript React
0 vote341 views2 answers
Automated counter with react hooks
Javascript React
1 vote402 views4 answers
React native debug apk
Javascript React
0 vote377 views1 answer
Reactvs y axis range
Javascript React
0 vote499 views1 answer
React native load function each time visit screen
Javascript React
0 vote463 views1 answer
Scroll down react js typescript
Javascript React