/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 vote360 views1 answer
Settimeout react native focus text input
Javascript React
0 vote340 views1 answer
Express react docker container example
Javascript React
4 votes412 views2 answers
Concurrently node react
Javascript React
0 vote339 views1 answer
Return multiple native element react native
Javascript React
0 vote330 views1 answer
Yarn react-native-async-storage
Javascript React
0 vote350 views1 answer
Generate qr code react
Javascript React
8 votes329 views1 answer
Update object in react hooks
Javascript React
32 votes309 views6 answers
Usestate react
Javascript React
-1 vote353 views1 answer
How to insert divider in react native
Javascript React
0 vote311 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React