Там блок должен показываться/скрываться по состоянию.
return (
<div className='article'>
<p className='news__author'>{author}:</p>
<p className='news__text'>{text}</p>
{ /* добавили onClick */
!visible && <a onClick={this.handleReadMoreClck} href="#" className='news__readmore'>Подробнее</a>
}
{
visible && <p className='news__big-text'>{bigText}</p>
}
</div>
)
Я не могу понять часть именно показа скрытия. Это вроде не условная конструкция. Просто дву группы фигурных скобок. Внутри логическое И вместе с JSX кодом. Как это правильно понять?
это условие, если visible = false то показать ссылку подробнее, если visible = true то показать bigText
Обсуждают сегодня