react onchange event with class component

Dinesh Srinivasan answered on July 20, 2020 Popularity 1/10 Helpfulness 1/10

answer react onchange event with class component

related handle onchange react

react onchange event with class component

Comment

import React, { useState } from "react";

function App() {
  const [message, setMessage] = useState("");

  const onSubmit = () => {
    setMessage( console.log(message));
  };
  return (
    <div>
        <input value={message} onChange={(e) => setMessage(e.target.value)} />
        <button onClick={onSubmit}>Add</button>
      </div>
    
  );
};

export default App;

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: class javascript onchange

Link to this answer
Share Copy Link

Contributed on Nov 26 2022

Dinesh Srinivasan

0 Answers Avg Quality 2/10

Closely Related Answers

handle onchange react

Comment

import React, { Component } from 'react';

import './App.css';
import Header from './Header';

class App extends Component {

  constructor(props) {
    super(props);
   this.state = {name: "Michael"}

  }
   changeTitle = (e) =>{
      this.setState({name: e.target.value});
    }

  render() {
    return (
      <div className="App">
        <Header title={this.state.name}/>
        <p className="App-intro">
          Type here to change name.
        <input type="text" onChange={this.changeTitle}/>
        </p>
      </div>
    );
  }
}

export default App;

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: handle ha

Link to this answer
Share Copy Link

Contributed on Jul 20 2020

Grumpy Gibbon

0 Answers Avg Quality 2/10

react onchange event with class component

Contents

More Related Answers

react onchange event with class component

Closely Related Answers

handle onchange react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.