这篇博客探讨了React中的两种组件类型——类组件和函数组件。在类组件中，通过实例方法处理事件，如示例中的`login`方法。而在函数组件中，事件处理通常作为匿名函数传递，注意避免直接调用导致提前执行。同时，介绍了如何在函数组件中传递参数给事件处理函数。
1. class类组件中
class login extends Component {
constructor(props) {
super(props)
this.state = {
isLogin: false
}
}
login() {
// 登陆成功
this.props.history.push('/home');
}
render() {
return (
<div onClick={this.login.bind(this)}>登录</div>
)
}
}
2. 函数组件中
const login = （） => {
}
<div onClick={login}></div>
传参
<div onClick={()=>login(1)}></div>
不可写成以下形式，否则会直接执行
<div onClick={login()}></div>
扫一扫
1833
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
