Как реализовать проверку компонента по условию перед отрисовкой на react?

Question

[Марат Иванов]

коллеги, как реализовать условную проверку компонентов через сторонний компонент Security (компонент с логикой проверки), так чтоб можно было разрешать или нет их отрисовку. Какие подходы будут правильнее.

<Security>
   <Component1/>
   <Component2/>
   ...
</Security>

Всем спасибо!

Answer 1

[Антон Неверов]

1) Вы указать в компоненте Security условие вывода компонента банально через if: https://ru.reactjs.org/docs/conditional-rendering.html
2) Вы можете передать пропы в дочерние компоненты и от пропов возвращать пустоту или компонент.
3) Если дочерние компоненты генерируются из данных массива - лучше всего использовать .map(): https://ru.reactjs.org/docs/lists-and-keys.html