1 render() {
2 const { data } = this.props;
3 const newsTemplate = ({ id, author, text }) => (
4 <div key={id}>
5 <p className="news__author">{author}:</p>
6 <p className="news__text">{text}</p>
7 </div>
8 );
9
10 return (
11 <div className="news">
12 {
13 data.length ?
14 data.map(newsTemplate) :
15 <p>К сожалению новостей нет</p>
16 }
17 </div>
18 );
19 }
20 }
добрый день, как лучше разметку и логику совмещать? Вот пример из книги переделал, как-нибудь лцчше можно это записать?
newsTemplate функцию лучше в отдельный метод вынеси.
Обсуждают сегодня