/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 vote222 views1 answer
Returned data has p tags react
Javascript React
0 vote226 views1 answer
React native add two view
Javascript React
0 vote252 views1 answer
React router dom v6 active link
Javascript React
1 vote224 views1 answer
Percentage width react native
Javascript React
0 vote249 views1 answer
Navigate between files in react js
Javascript React
0 vote218 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
50 votes210 views6 answers
Yarn create react app
Javascript React
5 votes241 views2 answers
Gradlew clean in react native
Javascript React
0 vote232 views1 answer
TrackPromise React
Javascript React
0 vote287 views1 answer
Require cycle disable warning react native
Javascript React