javascript - 在状态下反应getDerivedStateFromProps更新数组(React getDerivedStateFromProps update array in state)

Question

I have a problem with updating component state by getDerivedStateFromProps.

(我通过getDerivedStateFromProps更新组件状态时遇到问题。)

In my component state I have few arrays, but returning value in getDerivedStateFromProps doesn't seem to update them at all :<

(在我的组件状态下，我只有几个数组，但是在getDerivedStateFromProps中返回值似乎根本没有更新它们：)

My code:

(我的代码：)

static getDerivedStateFromProps (nextProps, prevState) {
let result = null

// always the same
// nextProps.mainObject have all data I need
// but all component state arrays are empty

if (nextProps.mainObject && nextProps.mainObject.parameters && nextProps.mainObject.parameters.length &&
  !_.isEqual(nextProps.mainObject.parameters, prevState.parameters)) {
  result = {
    parameters: nextProps.mainObject.parameters
  }

  let parameterOneList = nextProps.mainObject.parameters.filter(item => item.type === 'one')
  let parameterTwoList = nextProps.mainObject.parameters.filter(item => item.type === 'two')
  let parameterThreeList = nextProps.mainObject.parameters.filter(item => item.type === 'three')

  if (!_.isEqual(parameterOneList, prevState.parameterOneList)) {
    result.parameterOneList = parameterOneList
  }
  if (!_.isEqual(parameterTwoList, prevState.parameterTwoList)) {
    result.parameterTwoList = parameterTwoList
  }
  if (!_.isEqual(parameterThreeList, prevState.parameterThreeList)) {
    result.parameterThreeList = parameterThreeList
  }
}

if (nextProps.mainObject && nextProps.mainObject.otherParameters && nextProps.mainObject.otherParameters.length &&
  !_.isEqual(nextProps.mainObject.otherParameters, prevState.otherParameters)) {
  // check if result was changed already by parameters
  if (result) {
   result.otherParameters = nextProps.mainObject.otherParameters
  } else {
    result = {
     otherParameters: nextProps.mainObject.otherParameters
    }
  }
}

// always the same
// all data in result looks great, arrays are filled with data

return result
}

  ask by jStefko translate from so

Answer 1

等待大神答复