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 функцию лучше в отдельный метод вынеси.
Обсуждают сегодня