class Foo extends Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
console.log('Click happened');
}
render() {
return <button onClick={this.handleClick}>Click Me</button>;
}
}import React, { useCallback } from 'react';
function MyComponent() {
// handleClick is the same function object
const handleClick = useCallback(() => { console.log('Clicked!'); }, []);
// ...
}class Login extends React.Component{
state={
username:'',
password:''
}
handleChange = (e) =>{
const {name,value} = e.target
this.setState({[name]:value})
}
handleSubmit = (e) => {
e.preventDefault()
console.log();
}