/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 vote144 views1 answer
Run react android
Javascript React
0 vote139 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote149 views1 answer
React date component with word month
Javascript React
0 vote146 views1 answer
How we can set react select required
Javascript React
0 vote150 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
5 votes174 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote141 views1 answer
React 5 to 10 rating
Javascript React
0 vote152 views1 answer
React native skeleton
Javascript React
9 votes152 views3 answers
Shadowoffset react native constructor
Javascript React
0 vote199 views1 answer
React implicit return
Javascript React