React redux-saga 如何将 prop 向下传递给嵌套 child

Question

正在使用

react 16.3.1
redux
react-redux
redux-saga

我想知道有没有在每个 child 中每次都没有声明 prop 标签的情况下将 prop 传递给嵌套的 child ？例子 index.js

<Provide store={store}>
    <App />
</Prodiver>

App.js

....
render(){
    return (
        <div>
            ....
            <App1 dog={this.props.dog}/>
            ...
        </div>
    );
}
const mapStateToProps = () => .....
export default connect(mapStateToProps)(App);

App1.js

export default function App1(props) {
    return <App2 dog={prop.dog}/>;
}

App2.js

export default function App2(props) {
    return (<div>{props.dog}</div>);
}

你可以看到上面的代码我必须在每个 child 中传递道具标签我 has.is 可以在 App.js 中传递道具并在 App2.js 中获取它没有从 App1.js 传递？先谢谢了。

Answer 1

您的组件层次结构是： App -> App1 -> App2

App 的 dog prop 来自 redux store。

因此您还可以 connect App2 从商店中获取 dog。这样，您就跳过了通过 App1.

的道具

React redux-saga 如何将 prop 向下传递给嵌套 child

React redux-saga how to pass prop down to nested child

javascript

reactjs

redux

redux-saga