/
eb
/
medium-clone
Обзор
Документация
Войти
/
eb
/
medium-clone
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/node_modules/components/feed.js
45 строк
1 KB
Evgeniy Budaev
React Hooks App
25 июл 2020, 15:34
25 июл 2020, 15:34
61784c7
Код
Авторство
О чём код?
import React from 'react' import {Link} from 'react-router-dom' import TagList from 'components/tagList' import AddToFavorites from 'components/addToFavorites' const Feed = ({articles}) => { return ( <div> {articles.map((article, index) => ( <div className="article-preview" key={index}> <div className="article-meta"> <Link to={`/profiles/${article.author.username}`}> <img src={article.author.image} alt="" /> </Link> <div className="info"> <Link to={`/profiles/${article.author.username}`} className="author" > {article.author.username} </Link> <span className="date">{article.createdAt}</span> </div> <div className="pull-xs-right"> <AddToFavorites isFavorited={article.favorited} favoritesCount={article.favoritesCount} articleSlug={article.slug} /> </div> </div> <Link to={`/articles/${article.slug}`} className="preview-link"> <h1>{article.title}</h1> <p>{article.description}</p> <span>Read more...</span> <TagList tags={article.tagList} /> </Link> </div> ))} </div> ) } export default Feed