/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 vote122 views1 answer
React nativ export default
Javascript React
0 vote107 views2 answers
Datepicker range npm reactjs
Javascript React
0 vote120 views1 answer
Settimeout react native focus text input
Javascript React
0 vote109 views1 answer
React native qr code scanner
Javascript React
0 vote118 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
5 votes128 views2 answers
Import fa icons react
Javascript React
2 votes115 views1 answer
React add gradient top to bottom
Javascript React
0 vote104 views1 answer
React native sectionlist filter
Javascript React
-1 vote124 views1 answer
React grid
Javascript React
38 votes106 views4 answers
Useref in react hooks
Javascript React