/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 vote364 views1 answer
React native intro slider
Javascript React
0 vote358 views1 answer
Get position of element in react
Javascript React
0 vote385 views1 answer
React router redirect with query params
Javascript React
6 votes334 views4 answers
Add items to a react array in hooks
Javascript React
0 vote353 views1 answer
Scroll to a input on button click react native
Javascript React
0 vote329 views1 answer
How react work
Javascript React
8 votes341 views3 answers
Change title react
Javascript React
0 vote339 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
0 vote368 views1 answer
What difference between react func and class components
Javascript React
-1 vote369 views1 answer
Convert create-react-app to typscript
Javascript React