React 组件 props 未在 render 中使用,控制台警告信息如何解决?

Rateltalk
  • 179

子组件:

class Children extends React.Component {
    onOk() {
        const { onOk } = this.props;
        onok(); // 这里用到了 props onOk
    }

    render(){
        ...这里没有用到 props onOk...
    }
}

父组件:

class Parent extends React.Component {
    render(){
        return (
            <Children
              onOk={...}
            />
        );
    }
}

此时,控制台有警告信息:

clipboard.png

这种情况下该如何避免?

评论
阅读 399
1 个回答

我猜你写的是一个dialog,有个ok按钮,是你的哪个div这样写了

 <div onOk={onOk}>xxx</div>

改为:

<div onClick={onOk}>xxx</div>
宣传栏