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的道具（this.props.name中的SubComponent）称为props，并包含props.name（this.props.props.name）。

反应组件不接收道具

1 个答案: