Рубрики
App React React-project CSS

Стилизация компонентов в React

Проброс компонентов Image,Title,TextCenter в NewItem
src\routes\News\modules\NewItem.js

  • оборачиваем данные title заголовка в компонент Title
  • оборачиваем данные description описания в компонент TextCenter
  • оборачиваем картинку в импортированный компонент Image
    передаём параметр которые передавали в props
    в данном случае параметр sizeWidth
import React from 'react'
import classes from './../news.module.scss'
import Image from './../../../components/ui/Image/Image'
import Title from './../../../components/ui/Title'
import TextCenter from './../../../components/ui/Text/TextCenter'

const NewItem = ({data})=>{
<div className={classes.news}>
 
<Image sizeWidt="40%"><img src={data.image}/></Image>

<div className={classes.news_body}>
<Title>{data.title}</Title>
<TextCenter>{data.description)</TextCenter>
</div>

</div>
}
export default NewItem

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

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