How to pass only valid props to a React component?

Question

JavaScript

For example, there is a component:

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

How to transfer to it description, only if it exists, i.e. not undefined?
Is it possible at all or is it necessary to pass all the props, and inside NewsComponentit already do a check on what exists and what does not?

Answer 1

There are many ways
to do this in a simple way, through the spread operator

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

This way we will pass all existing parameters. Another thing is that most often in an internal component, something can refer to a non-existent parameter. Then you can just set it as default.

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