/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 vote180 views3 answers
React-router-dom status code 301
Javascript React
9 votes240 views1 answer
How to create a react app in current folder
Javascript React
0 vote179 views1 answer
Get element ref react
Javascript React
0 vote194 views1 answer
React testing for links
Javascript React
0 vote155 views1 answer
Open xcode shorthand react native
Javascript React
0 vote200 views1 answer
React first click not working
Javascript React
0 vote195 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote152 views2 answers
Syntax attribute same as name react
Javascript React
0 vote171 views2 answers
Selected css based on route react
Javascript React
0 vote188 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React