/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 vote145 views1 answer
React-google-invisible-recaptcha
Javascript React
0 vote149 views1 answer
Persian calender for react-native
Javascript React
32 votes154 views1 answer
React-router react-router-dom
Javascript React
1 vote142 views1 answer
Picker change event react native
Javascript React
0 vote133 views1 answer
Storybook react
Javascript React
2 votes164 views1 answer
How to clear state in react hooks
Javascript React
0 vote142 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote169 views1 answer
Create a link in react js to download xcelfile
Javascript React
2 votes166 views1 answer
Remove header border react native
Javascript React
14 votes185 views4 answers
React how to update state array
Javascript React