Javascript 如何使用父级(类组件)的上下文值更新子组件中的状态
我知道如何使用功能组件(除非我弄错了) 在本例中,每当context.newDataFromParent更改时,状态都会更新 但是我不知道基于类的组件中的等价物,而且我还没有在网上找到它。有什么帮助吗 我的另一个问题是,这样做有意义吗Javascript 如何使用父级(类组件)的上下文值更新子组件中的状态,javascript,reactjs,react-hooks,components,Javascript,Reactjs,React Hooks,Components,我知道如何使用功能组件(除非我弄错了) 在本例中,每当context.newDataFromParent更改时,状态都会更新 但是我不知道基于类的组件中的等价物,而且我还没有在网上找到它。有什么帮助吗 我的另一个问题是,这样做有意义吗 在类组件中,您可以使用组件的componentWillReceivePropslifecycle功能来完成 类组件扩展React.Components{ 组件将接收道具=(下一步)=>{ if(nextrops.data!==this.props.data){ t
componentWillReceiveProps
lifecycle功能来完成类组件扩展React.Components{
组件将接收道具=(下一步)=>{
if(nextrops.data!==this.props.data){
this.props.setChildComponentStateVar(数据)
}
}
render(){
返回();
}
}
示例
const[a,setA]=useffect()
中有问题,你是说useState
?是的,useState,对此表示歉意。我很感激,所以我看到你在这方面使用了道具。但是,对于上下文更新,它是否也会起同样的作用?我是否需要使用setState,因为我想在子对象中设置状态?
const [childComponentStateVar, setChildComponentStateVar] = useState()
useEffect(() => {
setChildComponentStateVar(context.newDataFromParent)
}, [context.newDataFromParent])