/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 vote332 views1 answer
Donwload data from react js in json file
Javascript React
0 vote317 views1 answer
Botão delete no reactjs com class component
Javascript React
1 vote317 views1 answer
SFC in react
Javascript React
0 vote293 views3 answers
How to serve React JS static files with express JS?
Javascript React
0 vote300 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
16 votes226 views2 answers
React fragment
Javascript React
114 votes325 views3 answers
Run react app
Javascript React
18 votes269 views3 answers
Add object to array react hook
Javascript React
1 vote294 views1 answer
Add sass autoprefixer to react
Javascript React
0 vote293 views1 answer
Autofocus is not working in react native
Javascript React