16
Янв
2021

Мини-компонент не отображается на странице

У меня есть компонент:

import { React, useState } from "react";

function CreateNews(props) {
    function createList(news_) {
        news_.forEach(el => {
            const content = el.content;
            return (
                <div className="news">
                    <h3 className="heading">{ content.headline }</h3>
                    <div className="description">{ content.body }</div>
                    <div className="tags">{ content.tags }</div>
                    <a href={`http://localhost:5500/api/news/get/${el.id}`} className="toNews">ссылка</a>
                </div>
            );
        });
    }
    return (
        <div className="blockOfNews">
            {createList(props.news)}
        </div>
    );
}

export default CreateNews;
<CreateNews news={news} />

Почему-то на странице blockOfNews пустой:

введите сюда описание изображения

Почему в нем не появляется div.news?

Источник: https://ru.stackoverflow.com/questions/1232054/%D0%9C%D0%B8%D0%BD%D0%B8-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82-%D0%BD%D0%B5-%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B0%D0%B5%D1%82%D1%81%D1%8F-%D0%BD%D0%B0-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B5

Тебе может это понравится...

Добавить комментарий