Как хранить в Store React компоненты?

132
09 августа 2019, 08:50

То есть у меня есть набор каких-то заранее созданных компонентов на react, и мне необходимо сделать для них общий store, где хранилось бы информация о каждом компоненте(показан или скрыт и тд.) и сам компонент `

[
 {name: 'FirstComponent',
  comp: <First />,
  isOpen: true
 },
 {name: 'SecondComponent',
  comp: <Second />,
  isOpen: false
 }
]

`

И уже потом работать с ними в главном компоненте

Answer 1

redux store должен хранить сериализуемое состояние.

Поэтому ответ на ваш вопрос - хранить компоненты в store нельзя.

Поэтому как вариант - хранить уникальные строковые идентификаторы для компонент.

Например:

1) создаете ключ в store: showYourBlock - которое например будет bool значением.

2) далее в вашей root компоненте в render пишете

    render() {
        return (
            <div>
                {showYourBlock && <YourComponent />}
             </div> 
         )
    }
READ ALSO
Изменение позиции блока с центра экрана на &ldquo;своё&rdquo; место в блоке

Изменение позиции блока с центра экрана на “своё” место в блоке

Описание задачи: Есть прелоадер, который показывает текст, пока страница грузитсяЕго текст совпадает с текстом в шапке сайта

116
React активный класс для функции map

React активный класс для функции map

Получается фильтр для календаря делаю через map и там 7 обьектов как сделать что бы при выборе там праздничных дат только праздничные получали...

94
Scrollreveal.js отказывется работать

Scrollreveal.js отказывется работать

Преамбула: Попросили написать простой одностраничник, без админкиБыстро сверстал на бутстрапе, то что было нужно, и добавил анимацию появления...

134