/Javascript/React/React get input value on button click functional component

React get input value on button click functional component

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 vote128 views1 answer
Limit data with axios in react js
Javascript React
0 vote129 views2 answers
Change iphone return in keyboard to search in react native
Javascript React
0 vote91 views1 answer
Import pdfmake in react
Javascript React
0 vote161 views1 answer
React router dom props.history is undefined
Javascript React
0 vote189 views1 answer
How to get year in react
Javascript React
36 votes131 views2 answers
Ref hook in react
Javascript React
0 vote195 views1 answer
React avoid spreading non-dom props across component
Javascript React
1 vote137 views1 answer
Arrow not showing react slick
Javascript React
19 votes208 views6 answers
Convert svg to react component
Javascript React
13 votes122 views1 answer
Round button corner right react native
Javascript React