how to use the spread operator to pass all props code example

Example 1: spread operator react

{...this.state} spreads out the "own" enumerable properties in 
props as discrete properties on the Modal element you're creating. 
For instance, if this.props contained a: 1 and b: 2, then

<Modal {...this.state} title='Modal heading'>

would be the same as

<Modal a={this.state.a} b={this.state.b} title='Modal heading'>

Example 2: spreading object as props

// These two are equivalentfunction App1() {  return <Greeting firstName="Ben" lastName="Hector" />;}function App2() {  const props = {firstName: 'Ben', lastName: 'Hector'};  return <Greeting {...props} />;}