Is there a direct way for react parent components to pass parameters to the lowest-level child components without passing them down level by level?

is there any way for the parent component to pass parameters to the underlying child components? it does not need to be passed level by level, and it does not use readuX

.
React.js
Mar.09,2021

context learn about

give an example: 


const FahterContext = React.createContext({})

//
class Father extends React.Component{
    render(){
        const value = {
            name : 'william',
            job : 'front-end engineer'
        }
        return (
            <FahterContext.Provider  value={value} >
                <Son/>
            </FahterContext.Provider >
        )
    }
}
//
class Son extends React.Component{
    render(){
        return (
            <div>
                <Grandson/>
            </div>
        )
    }
}
//
class Grandson extends React.Component{

    getProps(value){
        return (
            <div>
                name : {value.name}
                <br/>
                job : {value.job}
            </div>
        )

    }

    render(){
        return (
            <FahterContext.Consumer>
                { value => this.getProps(value) }
            </FahterContext.Consumer>
        )
    }
}

Previous: Urgent request: the Apache server starts successfully and the website cannot be accessed properly

Next: Unable to parse button tags of template using component in Vuejs

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