Как осуществить поиск по детям в компоненте?

Question

Александр Вульф @mannaro

Умею профессионально гуглить

React

Как осуществить поиск по детям в компоненте?

Привет, коллеги :)
Мне опять нужна ваша помощь. Начал я делать компонент вкладки+страницы. Делаем такую верстку:

<MyPages>
  <page>
    <tab>Заголовок вкладки</tab>
    <content>текст при активной вкладке</content>
  </page>
  <page>
    <tab>Заголовок вкладки</tab>
    <content>текст при активной вкладке</content>
  </page>
</MyPages>

При рендере этого компонента я через props.children достаю всех детей (страницы) и иду по ним мапом. В каждой итерации я достаю еще детей и первого из них делаю табом, второго страницой.
Так вот вопрос: верно ли я организовал обработку детей? Или есть какой-то более верный способ? А-ля child.$('tab').each

Вопрос задан более трёх лет назад
150 просмотров

2 комментария

Подписаться 2 Оценить 2 комментария

Вопрос "верно ли я организовал обработку детей?" может быть неверно истолкован людьми вне ИТ. :)

Answer 1 · 2015-12-22 13:10:37

Существует метод *React.Children.map* для таких целей, хотя тут возможно решение

<MyPages>
  <Page tab={} content={} />
  <Page tab={} content={} />
<MyPages/>

Эту структуру можно создавать сразу не подключая первый метод. То есть если изначально есть структура типа

pages = [
  {tab='Заголовок вкладки', content='текст при активной вкладке'},
  {tab='Заголовок вкладки', content='текст при активной вкладке'}
]

Ее сразу можно рендерить в страницы

Как осуществить поиск по детям в компоненте?

Войдите на сайт