/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

28 votes180 views6 answers
React proptypes
Javascript React
0 vote196 views2 answers
Why we need react js
Javascript React
0 vote207 views1 answer
Returned data has p tags react
Javascript React
0 vote190 views2 answers
React useEffect prevent first time
Javascript React
0 vote180 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
1 vote167 views1 answer
React why onclick property function trigger without click
Javascript React
1 vote186 views1 answer
React-bootstrap navbar nav link refreshes page
Javascript React
4 votes175 views1 answer
React js materilize
Javascript React
0 vote196 views1 answer
React video srcObject
Javascript React
0 vote190 views2 answers
Barcode scanner react js
Javascript React