Могут ли сторы хранить компоненты?

Question

[copal]

Вопрос задаю не в контексте flux или redux, а в контексте самой идеологии реакта.
Может ли стор хранить компоненты? У меня есть компонент PagesContainer, который при смене пути удаляет одну страницу и добавляет другую. Где должны находиться эти самые страницы? В сторе лежать?

Answer 1

[Roman_Kh]

Поскольку компонент - это объект JavaScript, то чисто технически его можно сохранить в store (стор).
Но не стоит этого делать, поскольку компоненты React имеют вполне конкретный жизненный цикл, в который не входит состояние "компонент без дела валяется в сторе". Компоненты без проблем можно создавать и удалять "на лету", когда в этом возникает потребность.
При желании в сторе можно хранить какие-нибудь данные, необходимые для создания ваших компонентов.

Comments

[copal]

Вот такая конкретная ситуация... Я не хочу использовать реактовский роутер, так как роутер-компонент это просто амаральное изобретение века.
И у меня получается следующие компоненты -
BackgroundComponent - компонент который рисует сложный фон.
RightComponent - компонент на левой стороне, который содержит некую информацию.
Navbar - компонент верхняя навигация.
И последние компонент, это контейнер в который нужно грузить множество страниц.
Этих страниц много и они все разные. Единственно что неизменно это компоненты, компоненты которые я описал ранее.

Вот как мне построить роутинг учитывая эти компоненты?

[copal]

<App>
    <NavBar></NavBar>
    <Right></Right>
    <Container>
        ... я думал что комопнент контайнер
        будет хранить в массиве все компоненты
        [One, Two, Three] и по собыьтию будет
        подставлять нужный
    </Container>
</App>;

Но мне сказали что нужно делать как ниже, что меня кстати смущает.

<App>
    <NavBar></NavBar>
    <Right></Right>
    <Container>
        <One></One>
    </Container>
</App>;

<App>
    <NavBar></NavBar>
    <Right></Right>
    <Container>
        <Two></Two>
    </Container>
</App>;

<App>
    <NavBar></NavBar>
    <Right></Right>
    <Container>
        <Three></Three>
    </Container>
</App>;

[Roman_Kh]

Ваш Container также будет роутером-компонентом, поскольку никакого другого смысла в нем нет.
Хороший пример, как сделать такой контейнер, как раз приведен в документации на React Router - https://github.com/rackt/react-router/blob/latest/...
Я в подобных ситуациях использую именно React Router.

[copal]

Roman_Kh: но роутер не может быть дисплей обжектом? Если я на компонент возлажу обязанность менять состояние прилажение, то куда же девается модель приложения? Что будет если модель не позволяет изменять, а компоненту что? Он говорит модели что слушаться не хочет её и делает что хочет? Это же полный бред, разве нет? Или Вы и модель приложения не используете, а её роль у Вас тоже компоненты выполняют?