react 父组件如何向最底层的子组件传参，有没有直接的办法，不用一级一级的传下去

Question

父组件要向底层的子组件传参，有么有办法，不用一级一级的传，没有使用readuX

Answer 1

context了解一下

来一个示例：

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>
        )
    }
}