9、React中的状态管理全解析

React中的状态管理全解析

在React开发中，数据处理和数据流是至关重要的部分。React提供了两种主要方式来处理数据，即props和state，下面我们将详细探讨它们。

1. 可变状态：组件状态

在React里，并非所有组件都有局部组件状态。只有继承自 React.Component 类的组件才能访问状态API。React会为这类组件创建并跟踪一个后备实例，同时这些组件还能访问一系列生命周期方法。

你可以通过 this.state 来访问继承自 React.Component 的组件状态。不过，不能直接赋值或修改 this.state 中的属性，而要使用 setState 方法。

以下是一个简单的React组件示例，展示了如何使用 setState 修改组件状态：

import React from "react";
import { render } from "react-dom";

class Secret extends React.Component{
  constructor(props) {
    super(props);
    this.state = {
      name: 'top secret!',
    };
    this.onButtonClick = this.onButtonClick.bind(this);
  }
  onButtonClick()