反应元素上的点击事件找到空对象

Question

我有 class

的选项卡

class Onglet extends React.Component {
    constructor(props) {
        super(props);
        console.log(this)
    }
    handleClick (event){
        Onglets.changeOnglet(this.props.name);
    }

    render (){
        return (
            <li onClick={this.handleClick}><a>{this.props.title}</a></li>
        );
    }
}

当我想更改选项卡时，我会使用像这样在道具中给出的名称

<Onglet name="demandes" title="Mes demandes"/>

但是当我尝试点击时，它说该对象为空，但我可以看到它之前已经用它创建了 props

Object {name: "demandes", title: "Mes demandes"}

如果我不是很清楚，谢谢问我，我会尽力解释更多

Answer 1

像这样重写handleClick -

    handleClick = (event) => {
        Onglets.changeOnglet(this.props.name);
    }

或者，将 <li onClick={this.handleClick}> 代码更改为 -

<li onClick={this.handleClick.bind(this)}>

反应元素上的点击事件找到空对象

Click event on react element find null object

reactjs

babeljs