我有一个实现 shouldComponentUpdate 的 React 组件方法，我想对其进行单元测试。理想情况下，我可以在单元测试中更改组件上的某些属性或状态，并验证它是否重新渲染。我正在使用enzyme如果有帮助的话。
最佳答案
我可能会直接调用shouldComponentUpdate。
类似于
const comp = shallow(<Comp {...props} />)
const shouldUpdate = comp.instance().shouldComponentUpdate(nextProps, nextState)
expect(shouldUpdate).toBe(true/false)
尝试通过确定组件是否实际渲染/未渲染来进行测试可能比其值(value)更麻烦；我什至不确定你如何使用 enzyme 来做到这一点。您不能真正放弃渲染的输出，因为除非渲染的输出与以前相同，否则您可能不会从 shouldComponentUpdate 返回 false。因此，无法仅根据输出来确定渲染是否发生。
不过，直接调用它进行测试对我来说似乎很好。只要你相信 React 会正确使用你的 shouldComponentUpdate 返回值(如果不正确，我们就会遇到更大的问题)，它就是安全的。
关于unit-testing - 如何对 React 组件的 shouldComponentUpdate 方法进行单元测试，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44211414/