Question

使用

react 16.3.1
redux
react-redux
redux-saga

我想知道无论如何在每个孩子每次都没有声明道具的情况下将支撑物传递给嵌套的孩子？例 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>);
}

因为你可以看到上面的代码我必须在我拥有的每个孩子中传递prop标签。是否可以在App.js中传递Props并在App2.js中获取它而不从App1.js传递？谢谢高级。

Answer 1

您的组件层次结构是： App - ＆gt; App1 - ＆gt; App2

dog的{{1}}道具来自redux商店。

因此，您还可以App connect从商店中抓取App2。这样，您就可以跳过通过dog的道具。

React redux-saga如何将prop传递给嵌套子

1 个答案: