/Javascript/React/Get value of input element on button click react

Get value of input element on button click react

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

2 votes138 views1 answer
React native text right align
Javascript React
0 vote118 views3 answers
Router dom react v6
Javascript React
0 vote70 views1 answer
How to use algolia react native
Javascript React
15 votes111 views2 answers
React check if url address is valid
Javascript React
15 votes144 views6 answers
Form in react
Javascript React
0 vote113 views1 answer
React clone element
Javascript React
-1 vote104 views1 answer
Install proptypes react
Javascript React
0 vote115 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
1 vote109 views2 answers
This setstate previous state react
Javascript React
36 votes98 views2 answers
How to install react router dom version 5
Javascript React