0

Друзья подскажите пожалйств с помощи чего можно рендерит циклы. Например в react.js есть компонент For который позволяет массив легко отрозить на странице

<ul>
    <For each="item" in={props.items}>
        <li key={item.id}>
            {item.text}
        </li>
    </For>
</ul>

Я понимаю что механизм работы с нативными компонентами чуть другой нежеле с html тегами. Но как имея некий массив, его отрендерить на экране типо того

<View>
  <For each="item" in={this.state.items}>
   <Text>{item.text}</Text>
  </For>
</View>

1 ответ 1

0

Вы можете использовать отдельный компонент для вывода списка, к примеру:

import React from 'react';

const ItemList = ({json}) => {
  const element = json.map(option => (
    <li key={option.id}>{option.text}</li>
  ));

  return (
    <ul>
      {element}
    </ul>
  );
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.