为什么要在构造函数之外设置React组件的状态？

在构造函数之外设置React组件的状态是为了避免在构造函数中引入副作用和复杂的逻辑。构造函数主要用于初始化组件的状态和绑定事件处理函数，而将状态设置放在构造函数之外可以使代码更加清晰和易于维护。

另外，将状态设置放在构造函数之外还可以更好地利用React的生命周期方法。在构造函数之外设置状态可以在组件挂载后、更新后或卸载前进行状态的更新和处理。这样可以更好地控制组件的渲染和更新过程，提高性能和用户体验。

此外，将状态设置放在构造函数之外还可以更好地实现组件的复用。通过将状态提升到父组件或使用React的Context API，可以在不同的组件之间共享状态，实现组件的复用和数据的共享。

总结起来，将React组件的状态设置放在构造函数之外可以提高代码的可读性和可维护性，更好地利用React的生命周期方法，实现组件的复用和数据的共享。