react中怎么传递事件对象(2)-木庄网络博客

2022-02-25 12:23:15 PHP中文网 JavaScript 百度已收录

值得注意的是，通过 bind 方式向监听函数传参，在类组件中定义的监听函数，事件对象 e 要排在所传递参数的后面，例如:

class Popper extends React.Component{
    constructor(){
        super();
        this.state = {name:'Hello world!'};
    }
     
    preventPop(name, e){    //事件对象e要放在最后
        e.preventDefault();
        alert(name);
    }
     
    render(){
        return (
            <div>
                <p>hello</p>
                {/* Pass params via bind() method. */}
                <a href="https://reactjs.org" onClick={
                this.preventPop.bind(this,this.state.name)
                }>Click</a>
            </div>
        );
    }
}