在使用 React 进行开发时，你可能会遇到一个问题：为什么我的 getInitialState 方法没有被调用？这是因为从 React v16 开始，getInitialState 方法已经被弃用，并且不再被支持。取而代之的是，在构造函数中使用 this.state 来初始化组件状态。本文将详细介绍这个变化，并提供示例代码和指导意义。
getInitialState 的作用
在旧版的 React 中，我们可以在组件定义中使用 getInitialState 方法来设置组件的初始状态。例如：
----- ----------- ------- --------------- -
----------------- -
------ - ------ - --
-
-------- -
------ -
-----
--------- ----------------------
------- ----------- -- --------------- ------ ---------------- - - ----
----- --
---------
------
--
-
-在上面的例子中，我们使用 getInitialState 方法来设置组件的初始状态，同时在 render 方法中使用 this.state 来访问该状态。
getInitialState 的问题
尽管 getInitialState 方法在旧版的 React 中非常方便，但它存在一些问题：
- 它与构造函数的作用重复。在构造函数中也可以进行状态的初始化，因此
getInitialState方法实际上是一种冗余。 - 它容易混淆。在组件中，我们可能同时使用
getInitialState方法和构造函数来进行状态的初始化，这会让代码变得难以理解和维护。 - 它不支持 ES6 类语法。在 ES6 中，类成员不能是函数，因此
getInitialState方法无法在类定义中使用。
为了解决上述问题，React v16 引入了一种新的方式来进行状态的初始化，即使用构造函数。下面是一个示例：
----- ----------- ------- --------------- -
------------------ -
-------------
---------- - - ------ - --
-
-------- -
------ -
-----
--------- ----------------------
------- ----------- -- --------------- ------ ---------------- - - ----
----- --
---------
------
--
-
-在上面的例子中，我们使用构造函数来初始化组件的状态，然后在 render 方法中使用 this.state 来访问该状态。
总结
虽然 getInitialState 方法在旧版的 React 中非常方便，但它容易产生混淆并与构造函数的作用重复。从 React v16 开始，建议使用构造函数来初始化组件的状态。通过本文的介绍，你现在应该知道如何解决“为什么我的 getInitialState 方法没有被调用”的问题了。
示例代码
最后，附上一个完整的示例代码：
----- ----------- ------- --------------- -
------------------ -
-------------
---------- - - ------ - --
-
-------- -
------ -
-----
--------- ----------------------
------- ----------- -- --------------- ------ ---------------- - - ----
----- --
---------
------
--
-
-
---------------------------- --- ---------------------------------来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27953