当我使用语义用户界面反应弹出式触发器时，前置消息和当前消息都显示

Question

组件状态： this.state = { pOM: props.pOM, // the return message of backend, as code is error isOpen: false } <Popup open={this.state.isOpen} trigger={<Button className='btn-gre'>buy</Button>} on='click' content={this.state.pOM} hideOnScroll /> 当我单击购买按钮时，它将请求发送到服务器，并获得返回消息，Popup将显示它。假设当前消息是A，并且当我下次单击购买按钮时，它将返回B消息，但是组件的弹出窗口将显示所有消息，我想要的正确结果就是显示B。现在我使用setTimeout可以避免这种情况，但并不完美。所以，请告诉我更好的解决方案，谢谢

更新：

componentWillReceiveProps(nextProps){
this.setState({
    pOM: nextProps.pOM
})

}

在componentWillReceiveProps函数中，我将调用setState