Question

我有关于班级的标签

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"/>

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

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)}>

在react元素上的Click事件找到null对象

1 个答案: