reactJs - 将数据传递给嵌套组件

Question

我的祖父组件看起来像这样

render(){ 
        const initialData = this.initialData()
        return(
            <Modal isOpen={this.state.modalIsOpen}>
                <UserForm />
            </Modal>
        )
    }

如果要将initialData传递给UserForm组件。你会怎么做？

Answer 1

要在UserForm中使用this.props.initialData：

<UserForm initialData={initialData}/> 

要在UserForm中使用this.props.X，其中X是initialData的一个道具（假设它是一个对象）：

<UserForm {...initialData}/> //It requires ES7

Answer 2

你可以这样做

render(){ 
        const initialData = this.initialData()
        return(
            <Modal isOpen={this.state.modalIsOpen}>
                <UserForm initialData={initialData} />
            </Modal>
        )
    }