Как в компонент React передавать только валидные пропсы?

Question

[dmitry-toster]

Есть, к примеру, компонент:

const { title, description } = this.state
<NewsComponent
  title,
  description
/>

Как в него передать description, только в том случае, если он есть, т.е не undefined?
Возможно ли это вообще или обязательно надо передавать все пропсы, а внутри самого NewsComponent уже делать проверку на то, что существует, а что нет?

Answer 1

[Сергей Сунцев]

Для этого существует множество способов
по простому, через спред оператор

const { ...rest } = this.state
<NewsComponent
  { ...rest }
/>

Таким образом мы передадим все существующие параметры. Другое дело, что чаще всего во внутреннем компоненте, что то да может ссылаеться на несуществующий параметр. Тогда можно просто задать его по умолчанию.

const { title, description = "" } = this.state
<NewsComponent
  title,
  description
/>