@Mariik

Как правильно прсоеденить State и Компоненту?

Привет.

В пакете 'react-redux' есть функция connect. На вход они принимает функцию mapStateToProps которая связывает компонент реакта с состоянием.

/* Где-то тут у нас компонент App */

let mapStateToProps = (state, ownpops)=>{
  return {
    tracks:state.tracks
  };
}

export default connect(mapStateToProps)(App);


Но нигде в примерах я не нахожу как правильно ее использовать для связи множественных и вложенных компонентов. Вот как мне указать какому именно компоненту какой кусок стейта выдать?

А если у меня для примера такая вложенность:

<Router> 
    <App>
        <Dashboard></Dashboard>
        <Tracks></Tracks>
        <Profile>
             <Settings></Settings>
            <Subscription></Subscription>
        </Profile>
    </App>
</Router>


Мне как лучше почтупать? connect вызывать самому для каждого кмпонента? Или принмать стейт только в верхний компонент и самому его спускать по пропсам вниз? Или как-то вообще по другому?
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
alvvi
@alvvi
export default apathy;
Все ведь есть в официальном туториале: redux.js.org/docs/basics/UsageWithReact.html
Если кратко: есть контейнеры и обычные, 'dumb' компоненты, контейнеры взаимодейсйтвуют со Store, диспатчат экшены и т.д., а обычные компоненты лишь рендерят то, что получают через props.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы