/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 vote153 views1 answer
React native qr code scanner
Javascript React
0 vote142 views1 answer
Reactjs join two array
Javascript React
7 votes175 views2 answers
React native password input
Javascript React
2 votes152 views1 answer
How to make react router Link active
Javascript React
0 vote148 views2 answers
Counter with react hooks
Javascript React
1 vote142 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote165 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
1 vote111 views1 answer
Parent to child react state
Javascript React
0 vote199 views1 answer
Error: bundling failed: Error: Unable to resolve module react-native-community/toolbar-android
Javascript React
0 vote167 views2 answers
React native store sensitive data in redux
Javascript React