Both the react- master component and the parent component should control the explicit and recessive of the grandson component.

for example, both the master component and the parent component have to control the explicit and recessive of the grandson component, how to control it?

React.js
Oct.25,2021

it is recommended to write as a level component, so that only one prop, is easier to control.
if you have to write this,
1, define the prop of the grandchild component in the outermost layer (master component) (the default false), is passed to the parent component, determine whether the prop has changed in the componentWillReceiveProps hook of the parent component, and modify the state, of the parent component to pass to the grandchild component according to this change.
2. The control of the parent component has nothing to do with the outermost component, just modify the state directly.

A better way is to control a prop, with redux or mobx,.

go straight to the code: 

class GF {
    state = {visibel: false}
    render() {
        return (
        <>
            <Parent visible={this.state.visible}/>
            <Child visible={this.state.visible}/>
        </>
       );
    }
}

class Parent {
    render() {
        return <Child visible={this.props.visible}/>
    }
}

class Child {
    render() {
        return <div visible={this.props.visible}></div>
    }
}

make up the rest by yourself.

Previous: I would like to ask what plug-ins can be used to draw this kind of picture, without echarts and highcharts.

Next: Git: is in the middle of writing the function of the company, how to continue development at home without submitting it?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu