Как вывести посты из массива на страницу?

Question

[antonstolar]

Делаю сайт-блог, нужно просто вывести два посты на страницу. Кнопки "лайк", "коментарии" и "читать больше" не должны иметь функционал сейчас, они просто для визуализации на данный момент. Над их функционалом я буду работать позже.
Посты хранятся в обьектах которые находятся в массиве.
Я пытался сделать эту задачу, но код не работает...
Вот код:
https://jsfiddle.net/txo4g01y/9/
Помогите пожалуйста исправить код.

Answer 1

[vadimMalovaniy]

Нужно поменять ид в HTML и название класса. Так как у тебя не совпадают названия в

ReactDOM.render(<App automobile={data} />, document.getElementById('app'));

А сам массив перед рендером обернуть в див.

render () {
  const automobile = this.props.automobile;
   return (
   <div>
    {automobile.map(n => (
       <div className="Cars" headerText={n.name}>
       ....
      </div>
    ))}
   </div>
  );
 }

Comments

[antonstolar]

спасибо)

Answer 2

[4mobile]

Как-то так
https://codesandbox.io/s/polished-river-s53zd

Comments

[antonstolar]

спасибо)