/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

0 vote186 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
0 vote153 views1 answer
Global keyboard shortcuts react
Javascript React
2 votes136 views2 answers
Prevent refresh react
Javascript React
1 vote146 views1 answer
React best way of forcing component to update
Javascript React
0 vote144 views1 answer
Install aos in react
Javascript React
8 votes149 views3 answers
Lazy react
Javascript React
-1 vote152 views1 answer
React native toggle button with text
Javascript React
0 vote222 views1 answer
React native application architecture
Javascript React
1 vote148 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
0 vote136 views1 answer
React link onclick refresh page
Javascript React