/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 vote115 views1 answer
Text decoration react native
Javascript React
16 votes121 views6 answers
Usestate in react
Javascript React
0 vote136 views1 answer
Download images from http link in react
Javascript React
0 vote122 views1 answer
React js set default route
Javascript React
0 vote131 views1 answer
React native floating button
Javascript React
-1 vote121 views1 answer
Date time react component
Javascript React
14 votes138 views4 answers
Conditional classname prop react
Javascript React
0 vote136 views1 answer
How to calc() height in react native for styling
Javascript React
4 votes122 views2 answers
React input number
Javascript React
0 vote123 views1 answer
Setting up react on visual studio code
Javascript React