/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 vote381 views2 answers
This setstate previous state react
Javascript React
0 vote389 views1 answer
Reactjs .net pass value to react
Javascript React
16 votes405 views3 answers
What does the useReducer do in react
Javascript React
-1 vote391 views2 answers
How to connect react to backend
Javascript React
0 vote352 views1 answer
Create react portal
Javascript React
0 vote471 views1 answer
React include a polyfill webpack v5
Javascript React
0 vote378 views1 answer
Change poiter text input color react native
Javascript React
0 vote404 views1 answer
Start live server react js
Javascript React
1 vote365 views1 answer
Slider on release call api react material ui
Javascript React
0 vote438 views1 answer
Navigation.openDrawer is not a function react native
Javascript React