获取组件状态

Question

假设我有一个名为Vault的组件

   class Vault Component{

    State : { animal: dog,color:blue} 
}

让我们说我在名为App的组件中有一个带有按钮的按钮

class App Component{

State: { animal:null,color:null}

}
<div onCLick = {goGetVaultData()} className="button">Press Me</div>

问题是goGetVaultData函数如何从不同的组件中提取状态

goGetVaultData(){

// what do I look like ?

}

Answer 1

如果要从父组件获取数据，请让父组件将其作为道具传递，然后使用this.props进行访问。

如果要从子组件中获取数据，请将功能作为道具传递给子组件。子级调用该函数，然后您调用this.setState保存该值，并稍后使用this.state

进行访问。

如果要从同级组件获取数据，请将状态上移到两个组件的共同祖先所在的任何组件。那个共同的祖先将道具向下传递到这两个部分。