/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

9 votes132 views3 answers
React js Uncaught RangeError: Maximum call stack size exceeded
Javascript React
0 vote137 views1 answer
How to remove an object from array in react native
Javascript React
2 votes132 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote127 views1 answer
Jest mock react router params
Javascript React
0 vote124 views1 answer
React catch error in component
Javascript React
0 vote125 views1 answer
Reactjs Developer
Javascript React
0 vote147 views1 answer
React dynamic settings
Javascript React
160 votes300 views6 answers
React install
Javascript React
0 vote184 views1 answer
Uuid react native expo
Javascript React
0 vote131 views1 answer
React google places auto complete example
Javascript React