Javascript 如何使用父级(类组件)的上下文值更新子组件中的状态

Javascript 如何使用父级(类组件)的上下文值更新子组件中的状态,javascript,reactjs,react-hooks,components,Javascript,Reactjs,React Hooks,Components,我知道如何使用功能组件(除非我弄错了) 在本例中,每当context.newDataFromParent更改时,状态都会更新 但是我不知道基于类的组件中的等价物,而且我还没有在网上找到它。有什么帮助吗 我的另一个问题是,这样做有意义吗 在类组件中,您可以使用组件的componentWillReceivePropslifecycle功能来完成 类组件扩展React.Components{ 组件将接收道具=(下一步)=>{ if(nextrops.data!==this.props.data){ t

我知道如何使用功能组件(除非我弄错了)

在本例中,每当context.newDataFromParent更改时,状态都会更新

但是我不知道基于类的组件中的等价物,而且我还没有在网上找到它。有什么帮助吗

我的另一个问题是,这样做有意义吗

  • 在类组件中,您可以使用组件的
    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])