score:6

Accepted answer

you should use the state, because

props are read-only

you should use a state in the component which renders wizard, and when step1 is finished, it alters that state, which then will be used in step2.

this is called lifting state up.

score:2

props, like state, is read-only and should never be mutated.

you should use a callback:

<step1 
  datawizzard={this.state.datawizzard} 
  updatedata={idcreation => 
    this.setstate(prevstate => ({ 
      datawizzard: {
        ...prevstate.datawizzard,
        idcreation,
      },
    }))
  } 
/>

then you call the callback in step1:

updatedata() {
  this.props.updatedata(432876);
}

Related Query

More Query from same tag