/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

9 votes320 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
2 votes369 views2 answers
React native settimeout
Javascript React
0 vote321 views1 answer
Remove unused dependencies in React Ask Question
Javascript React
4 votes436 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
1 vote365 views1 answer
How to find the width of outerconatiner in react native
Javascript React
-2 votes331 views1 answer
<Link> react import
Javascript React
2 votes339 views1 answer
How to do a classname variable and string react
Javascript React
0 vote328 views3 answers
Paypal react native
Javascript React
6 votes425 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote357 views1 answer
Mat slider in a reactve form
Javascript React