React组件未接收道具

Question

我想在组件中添加一个加载程序，直到某个函数完成。我将显示代码，因为我不知道如何解释

render(): JSX.Element {
if (!this.state.loaded) {
return  <Spinner />
}
return (<ComponentStuffToShowAfterLoaded>
<SubComponent type={this.state.type} /> //edited here since causing confusing, just an example
<ComponentStuffToShowAfterLoaded>)
}

从未调用子组件的componentWillReceiveProps。我希望这是有道理的，但如果需要，我会尽力澄清。

Answer 1

您在上面的代码中所做的是将父道具分配给一个名为prop的道具(哇，这是一个令人困惑的句子(。相反，您希望直接分散道具，以便子组件单独接收每个道具的

<SubComponent {...this.props} />

因此，如果您有一个名为name的道具，那么您的SubComponent将收到一个称为name(在SubComponent中为this.props.name(的道具，而不是一个名为主props和包含props.name(this.props.props.name(的道具。