Задать вопрос
@alexsteadfast
I am noob
react

Как перебрать массив в шаблоне?

Есть родительский компонент, который в рендере, передает данные в дочерний:
render(){
        return (
            <div>
                 <Body tmp={ [this.state.body.json.result] }/> 
            </div>
            )
    }

Через пропс дочерний принимает данные:
class Body extends React.Component{
    
    constructor(props) {
        super(props);
  
    }
   listItems(elems){
       console.log(elems[0]);
       return(
               <div>1</div>
            )
   }    
    render(){
         return(
               <div> 
                    {this.listItems(this.props.tmp )}
               </div>
            )

    }
}

ИТОГ: https://codesandbox.io/embed/blissful-hofstadter-1qoud
в дочернем компоненте в методе listItems - я отчетливо виже переданный массив, но вывести в шаблон его не могу, если же передавать просто строку, то она запросто выводиться в шаблоне. Как вывести массив в шаблоне? Пробовал через map, не получается, приходят пустые значения.
Скрин массива в консоли прилагаю, подскажите пожалуйста в чем я ошибся?
5d84624fb7d30570361967.png
  • Вопрос задан
  • 216 просмотров
3 комментария
Подписаться 1 Простой 3 комментария
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
<Body tmp={this.state.body.json.result} />

{this.props.tmp.map(n => <div key={n._id}>{n.name}</div>)}
Ответ написан
15 комментариев
15 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Ведущий React Native разработчик
Студия 15
от 200 000 до 250 000 ₽
React Native developer (+Node.js)
CTRL+ • Москва
от 250 000 до 320 000 ₽
React Native Developer
Wanted. • Санкт-Петербург
До 300 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка бота рассылок в Telegram
25 нояб. 2024, в 10:16
7000 руб./за проект
Разработать бота-краулера для парса всех каналов в телеграм в бд MySQL
25 нояб. 2024, в 09:53
14000 руб./за проект
Изменить код STM32 и конфигурацию сервиса удаленного доступа
25 нояб. 2024, в 08:57
5000 руб./за проект
Ещё заказы