Вывод данных на страницу проекта
обращаемся к глобальному состоянию 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