(组件共享或临时或动态计算的时候不使用this.state)

回答来自poe:

React 中的 `this.state` 和 Redux 中的 store 都用于管理应用程序的状态，但它们之间有一些重要的区别：

1. 数据源不同：React 中的 `this.state` 是组件级别的状态，而 Redux 中的 store 是应用程序级别的状态。在 React 中，每个组件都可以具有自己的状态，并且可以使用 `this.setState()` 方法来更新自己的状态。在 Redux 中，所有组件都从同一个 store 中选择状态，因此所有组件共享相同的状态。

2. 数据管理方式不同：React 中的 `this.state` 是通过组件内部的 `setState()` 方法进行管理的，而 Redux 中的 store 是通过 dispatching actions 来管理的。在 React 中，组件可以直接更新其自身状态，而在 Redux 中，所有状态更新都需要通过 dispatching actions 来触发。

3. 状态更新方式不同：React 中的 `this.setState()` 方法是异步更新状态的，而 Redux 中的状态更新是同步的。在 React 中，当调用 `this.setState()` 方法时，React 可能会将多个 `setState()` 调用合并成一个更新，以提高性能。在 Redux 中，当 dispatching actions 时，所有状态更新都是同步的，并且 Redux 通过 reducer 函数来处理每个动作并返回一个新的状态对象。

4. 数据流程不同：React 中的数据流程是自上而下的，即从父组件向子组件传递 props，而 Redux 中的数据流程是单向的，即从 store 向组件传递状态。在 React 中，组件可以使用 props 和回调函数来传递数据和事件处理程序。在 Redux 中，组件使用 `connect` 函数或 `useSelector` 钩子从 store 中选择状态，并使用 `dispatch` 函数来 dispatch actions。

总的来说，React 中的 `this.state` 和 Redux 中的 store 都用于管理应用程序的状态，但它们的使用方式和管理方式有所不同。在使用它们时，需要根据应用程序的需求选择合适的状态管理方式。通常情况下，对于较小的应用程序或组件级别的状态，可以使用 React 中的 `this.state`，而对于大型的应用程序或应用程序级别的状态，可以使用 Redux 中的 store。

2.什么时候使用React 中的 this.state

在 React 中，通常情况下，应该尽量使用 props 和 state 来管理组件的状态。通常情况下，可以使用 props 来传递数据和事件处理程序，而使用 state 来管理组件的内部状态。但是，在某些情况下，使用 `this.state` 也是合理的。

以下是一些使用 `this.state` 的情况：

1. 组件的状态不需要与其他组件共享：如果组件的状态只在该组件内部使用，并且不需要与其他组件共享，那么使用 `this.state` 是很方便的。例如，一个简单的按钮组件可能只需要跟踪按钮的点击次数，这个状态只在该组件内部使用，因此使用 `this.state` 是合理的。

2. 组件的状态是临时的：如果组件的状态是临时的，并且不需要在组件之间共享，那么使用 `this.state` 也是合理的。例如，在一个表单组件中，可以使用 `this.state` 来跟踪表单的输入值，这个状态只在该组件内部使用，因此使用 `this.state` 是合理的。

3. 组件需要在 `render()` 方法中动态计算状态：如果组件的状态需要根据组件的 props 或其他状态来动态计算，并且不需要在组件之间共享，那么使用 `this.state` 也是合理的。例如，在一个计数器组件中，可以使用 `this.state` 来跟踪当前的计数值，并根据用户的操作来动态计算计数值。

需要注意的是，尽管可以使用 `this.state` 来管理组件的状态，但应该尽量避免在多个组件之间共享状态。如果多个组件需要共享状态，应该将该状态提升到它们的共同父组件中，并使用 props 来传递状态和事件处理程序。这样可以使应用程序更易于维护和扩展。