Рубрики
App Mockon React React-project ajax Веб-Сервер

Запросы к Серверу в React

Вывод данных на страницу проекта
обращаемся к глобальному состоянию stateData

src\routes\News\News.js

import React from 'react'
import classes from './../../style.module.scss';
import Navbar from './../../modules/Navigation/Navbar';
import Header from './../../modules/Navigation/Header';

const News = () =>{
const {stateData, dispathchData} = React.useContext(ContextData)
console.log(stateData)
const news=stateData.news;
...
 return (
 <div className={classes.main}>

<div className={classes.main_navigation}>
<Navbar/>
</div>

 <div className={classes.main_content}>
<Header/>
пройтись по циклу (новостям) и выведем в div
{news.map((elem,index)=>{
return(
<div key={index}>

<div>{elem.title}</div>
<div>{elem.description}</div>
<div><img src={elem.image}/></div>

</div>

</div>
)
}
export default News

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *