Реагировать компонент не получает реквизит

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>)
}

Никогда не вызывается компонент subWillReceiveProps. Надеюсь, это имеет смысл, но я попытаюсь уточнить, если это необходимо.

Answer 1

То, что вы делаете в приведенном выше коде, - это назначение реквизита для родителей реквизиту, называемому prop (вау, это запутанное предложение). Вместо этого вы хотите распределить подпорки напрямую, чтобы дочерний компонент получал каждую подпорку индивидуально

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

Так что, если у вас подпора name, ваш SubComponent получит реквизит name (this.props.name in SubComponent) вместо реквизита, называемого props и содержащего props.name (this.props.props.name).