/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

6 votes297 views2 answers
TextInput disable react native
Javascript React
0 vote290 views1 answer
Load all icon from a folder in react
Javascript React
-1 vote298 views2 answers
React native scaling font
Javascript React
0 vote375 views1 answer
Install react loading spinner
Javascript React
0 vote279 views1 answer
Active link color different in react js
Javascript React
1 vote337 views1 answer
React native textinput not show cursor
Javascript React
18 votes317 views4 answers
React for loop in render
Javascript React
0 vote328 views1 answer
Disable autocomplete in react fields
Javascript React
1 vote290 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
8 votes292 views3 answers
React js props
Javascript React