1、taro创建自定义组件中,事件处理函数的方法与this:
class Toggle extends React.Component {
constructor(props) {
super(props);
this.state = {isToggleOn: true};
}
onClick = (e) => {
e.stopPropagation();
this.setState(prevState => ({
isToggleOn: !prevState.isToggleOn
}));
}
render() {
return (
<button onClick={this.onClick}>
{this.state.isToggleOn ? 'ON' : 'OFF'}
</button>
);
}
}
由此可以得知,使用方法是不需要显式的使用bind绑定的。如果需要传参可以使用bind绑定传参:
class Popper extends Component{
constructor(){
super();
this.state = {name:'Hello world!'};
}
// 你可以通过 bind 传入多个参数
preventPop(name, test, e){ //事件对象e要放在最后
e.preventDefault();
}
render(){
return <Button onClick={this.preventPop.bind(this, this.state.name, 'test'