Задать вопрос
@antonstolar
react

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

Делаю сайт-блог, нужно просто вывести два посты на страницу. Кнопки "лайк", "коментарии" и "читать больше" не должны иметь функционал сейчас, они просто для визуализации на данный момент. Над их функционалом я буду работать позже.
Посты хранятся в обьектах которые находятся в массиве.
Я пытался сделать эту задачу, но код не работает...
Вот код:
https://jsfiddle.net/txo4g01y/9/
Помогите пожалуйста исправить код.
  • Вопрос задан
  • 97 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
@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>
  );
 }
Ответ написан
1 комментарий
1 комментарий
4mobile
@4mobile
WEB developer
Как-то так
https://codesandbox.io/s/polished-river-s53zd
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Ещё заказы