React Get Input Value on Button Click

    const { useState } = React;

​

    function App() {

      const [inputValue, setInputValue] = useState(''); // State to store input value

​

      const handleInputChange = (event) => {

        setInputValue(event.target.value); // Update input value in state

      };

​

      const handleButtonClick = () => {

        console.log('Input value:', inputValue); // Log the input value when button is clicked

      };

​

      return (

        <div className='container'>

          <h3>React Js Get value of Input Field on Button click</h3>

          <input type="text" value={inputValue} onChange={handleInputChange} />

          <button onClick={handleButtonClick}>Get Value</button>

        </div>

      );

    }

​

    ReactDOM.render(<App />, document.getElementById('app'));

  </script>