React 是一种广泛使用的 JavaScript 库，用于构建用户界面。在 React 中，组件的状态是管理视图的关键。本文将介绍如何设置和更新 React 组件的状态。
设置状态
要设置 React 组件的状态，需要使用 setState() 函数。该函数接受一个对象作为参数，该对象包含要更新的组件状态的属性和值。
以下是一个简单的示例，演示如何设置 React 组件的状态：
-- -------------------- ---- -------
----- ----------- ------- --------------- -
------------------ -
-------------
---------- - -
------ -
--
-
-------- -
------ -
-----
--------- ----------------------
------
--
-
-
---------------------------- --- ---------------------------------在上面的示例中，我们定义了一个名为 MyComponent 的 React 组件，并在构造函数中初始化了 count 状态为 0。render() 方法显示当前状态的计数器。
更新状态
要更新 React 组件的状态，需要调用 setState() 函数。该函数接受一个对象或函数作为参数。如果传递对象，则会将该对象合并到现有状态中。如果传递函数，则可以根据先前的状态计算新状态。
以下是一个演示如何更新 React 组件状态的示例：
-- -------------------- ---- -------
----- ----------- ------- --------------- -
------------------ -
-------------
---------- - -
------ -
--
---------------- - ----------------------------
-
------------- -
--------------- ------ ---------------- - - ---
-
-------- -
------ -
-----
--------- ----------------------
------- ---------------------------------------------
------
--
-
-
---------------------------- --- ---------------------------------在上面的示例中，我们定义了一个名为 handleClick 的函数，用于更新组件状态。当用户单击“Increment”按钮时，handleClick 函数将调用 setState() 函数，以将计数器值增加 1。
结论
在 React 中，组件状态是管理视图的关键。要设置和更新状态，请使用 setState() 函数。本文提供了一个简单的示例，详细说明了如何设置和更新 React 组件的状态，希望对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12387