从状态数组渲染的组件不会更新收到的道具

Question

我正在从父级状态渲染子级组件。 它们的呈现是由以下触发的：

{this.state.notificationStack}

子组件是由创建的

this.state.notificationStack.push(
            <Alert alertID={'alert_' + this.state.notificationStack.length + '_' + dateTime} 
                type={type} title={title} message={message} 
                pixelstoMove={this.state.valueToUpdate} 
                key={this.state.notificationStack.length + '_' + dateTime} 
                 destroyAlertFromNotificationStack={this.destroyAlertFromNotificationStack}/>
        )

但是，我正在正确管理状态，并且能够在父组件中看到状态更改，但是在Alert组件中没有收到更新的道具。

Answer 1

您必须执行以下操作：

const aux = this.state.notificationStack;
aux.push(...)
this.setState({
  notificationStack: aux
});

因此它将更新状态。 简单推入它不会触发重新渲染和更新子组件。