javascript - react : Initiate values in render() or componentDidMount()?

Question

我不太确定在 React 组件中的何处启动计算值。所以这就是我现在的做法:

render () {
  const { foo } = this.props
  const { bar } = this.state

  const calculatedValue = bar ? foo * bar : foo

  return (
    <div>{calculatedValue}</div>
  )
}

或者我应该在 componentDidMount() 中启动 calculatedValue

Answer 1

我认为这实际上取决于您进行了多少计算。对于像上面示例一样简单的事情，我通常会在 render() 中执行此操作。

除了非常基本的功能之外，我会将其拆分为一个单独的函数，例如 getFooBarCalcValue()。

这样你的渲染方法就不会被其他地方的东西搞得乱七八糟。