/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

1 vote144 views1 answer
React-redux imports
Javascript React
0 vote146 views2 answers
Can i pass data with usenavigate react router
Javascript React
1 vote124 views2 answers
Adding more than one class react
Javascript React
9 votes158 views3 answers
Disable yellow box react native
Javascript React
158 votes282 views6 answers
React create app
Javascript React
4 votes131 views2 answers
Get request react
Javascript React
0 vote148 views1 answer
React 1 to 10 with step 2 (odd numbers)
Javascript React
0 vote132 views1 answer
React JSON data to display in a table
Javascript React
0 vote134 views1 answer
Filter based on input typing react
Javascript React
0 vote207 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React