Getderivedstatefromprops lifecycle

The function of this life cycle is actually the incoming props Mapping to state above .
getDerivedStateFromProps It's a static function , That is, this function cannot pass this Access to the class Properties of , Direct access to properties is not recommended . It should be provided through parameters nextProps as well as prevState To judge , According to the new incoming props To map to state.

The function must have a return value . When props Incoming content does not need to affect state, You must return one null

  static getDerivedStateFromProps(nextProps, prevState) {
    
    if (nextProps.id !== prevState.id) {
    
      return {
    
        editData: nextProps.editData,
        id: nextProps.id,
        targetKeys: nextProps.editData?.details?.map(item => item.companyId)
      }
    }
    return null
  }