@alexsteadfast
I am noob

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

Есть родительский компонент, который в рендере, передает данные в дочерний:
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
  • Вопрос задан
  • 206 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега React
<Body tmp={this.state.body.json.result} />

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

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

Войти через центр авторизации
Похожие вопросы