Question

这是我打开页面时重新渲染两次的简单组件：

import React, {useState} from 'react'

export default function TestComponent() {
      console.log("test component rendered")
      
      const [count, setCount] = useState(0)
    
      return (
        <div>
          TEST COMPONENT
        </div>
      )
}

这在 v16.13.1 中发生，但在 v.17.0.1 中工作正常。有没有办法在 v16.x 中修复它？

Answer 1

如果你还在使用 React 16.x，我猜唯一的方法是使用基于类的组件并通过覆盖 shouldComponentUpdate 方法来控制渲染。

问题在于 React16.x 而不是你或你的组件:-)

为什么我的组件在 react.js 16.x 中渲染了两次？

1 个答案: