/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 vote221 views1 answer
Matched leaf route at location "/" does not have an element. react
Javascript React
0 vote221 views1 answer
React if event.target is input
Javascript React
1 vote230 views1 answer
Share file in react native
Javascript React
15 votes220 views5 answers
React svg
Javascript React
0 vote304 views1 answer
Nice react native shadow
Javascript React
1 vote254 views3 answers
Stripe react js
Javascript React
2 votes248 views2 answers
Vscode extensions for better react js
Javascript React
0 vote288 views1 answer
Toggle function react js
Javascript React
1 vote204 views1 answer
On_raw_reaction_add example
Javascript React
5 votes210 views2 answers
Get url query in react
Javascript React