/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

20 votes215 views6 answers
Useeffect react example
Javascript React
0 vote219 views1 answer
React native svg size
Javascript React
1 vote222 views1 answer
Type writer in react
Javascript React
0 vote303 views2 answers
Toastify react not working
Javascript React
3 votes183 views3 answers
How to install formik in react native
Javascript React
16 votes235 views3 answers
Start react native
Javascript React
4 votes226 views1 answer
Text input placeholder color react native
Javascript React
3 votes211 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote247 views1 answer
Reactstrap search bar
Javascript React
1 vote209 views1 answer
Component vs container react
Javascript React