С использованием
react 16.3.1reduxreact-reduxredux-sagaИнтересно, есть ли способ передать поддержку вложенному дочернему элементу без объявления тега prop каждый раз в каждом дочернем элементе? пример 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 в каждом дочернем элементе, который у меня есть. Можно ли передать Props в App.js и получить его в App2.js, не переходя из App1.js? Спасибо заранее.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Ваша иерархия компонентов:
App -> App1 -> App2
Опора dog для App поступает из магазина redux.
Таким образом, вы также можете получить connectApp2 из магазина. Таким образом, вы пропустите пропсы, проходящие через dog.
@Reaksmey У вас может быть столько подключений, сколько вы хотите. Это позволяет улучшить декларативный код, поскольку App2 будет connect / брать все, что захочет, самостоятельно. Также это улучшает читаемость.
@Delapoute, ты имеешь в виду, что мне нужно использовать Connect в App2, верно?
export default connect(mapStateToProps)(App2);я думал, что подключение используется только в контейнере