当有上下文参数时，如何替换componentWillReceiveProps？

在React 16.3版本之后，componentWillReceiveProps方法被标记为过时(deprecated)，并且在未来的版本中将被移除。取而代之的是使用新的生命周期方法getDerivedStateFromProps来处理上下文参数的更新。

getDerivedStateFromProps是一个静态方法，它接收两个参数：props和state。它会在组件实例化、接收新的props或者调用setState方法时被调用。该方法应该返回一个对象来更新组件的state，或者返回null表示不需要更新。

下面是一个示例代码，展示了如何使用getDerivedStateFromProps方法替换componentWillReceiveProps：

class MyComponent extends React.Component {
  static getDerivedStateFromProps(nextProps, prevState) {
    // 根据新的props更新state
    if (nextProps.someProp !== prevState.someState) {
      return {
        someState: nextProps.someProp
      };
    }
    return null; // 不需要更新state
  }

  // 其他生命周期方法和组件逻辑
  // ...
}

在上面的示例中，我们根据新的props更新了组件的state。如果新的props中的someProp与之前的state中的someState不同，我们返回一个新的state对象来更新组件的state。否则，我们返回null表示不需要更新state。

需要注意的是，getDerivedStateFromProps是一个静态方法，因此无法访问组件的实例(this)。如果需要在该方法中使用组件的实例方法或者访问组件的props和state，可以将这些值作为参数传递给组件的其他方法。

总结起来，当有上下文参数时，我们可以使用getDerivedStateFromProps方法来替换componentWillReceiveProps方法。通过在该方法中根据新的props更新组件的state，我们可以实现相同的功能。