1.描述你的问题

我在一个页面多次引用同一个自定义组件，但是我希望在创造的组件实例中各自接受自己的props,但是目前在componentWillReciveProp里面会触发两次props，因为引用了2次该组件

2.代码

UI:
<Popover
    visible={popBotVisible}
    placement="left"
    keyName="footer"
>
</Popover>
<Popover
    visible={popTopVisible}
    placement="top"
    keyName="header"
>
</Popover>

constructor(props) {
    super(props);
    this.state = {
        popMainShow:false,
        keyName:props.keyName,
        placement:props.placement,
        popContent:props.popContent,
        
    }
}
componentWillReceiveProps(props){
    console.log(nextProps)  // 会console两次
}

3.期望
希望创造的每个Popover的生命周期函数和state是独立的，只能接受到各自的props