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

Question

子组件：

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={...}
            />
        );
    }
}

此时，控制台有警告信息：

这种情况下该如何避免？

Answer 1

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

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

改为：

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