/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

123 votes568 views3 answers
Set interval react
Javascript React
3 votes346 views1 answer
React js image path src from local folder
Javascript React
0 vote347 views1 answer
Styling scrollview height in react native
Javascript React
0 vote390 views1 answer
Donwload data from react js in json file
Javascript React
1 vote387 views1 answer
Two proptypes in react
Javascript React
0 vote413 views1 answer
How to make react native dapp truffle
Javascript React
0 vote343 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
0 vote352 views1 answer
How to make multiple link using react
Javascript React
0 vote396 views1 answer
Simbu react1
Javascript React
0 vote433 views1 answer
React change button color on hover
Javascript React