this.state在React组件中引用了什么?

时间:2018-07-26 20:00:49

标签: javascript reactjs

几天以来,我才刚开始从事React工作,我对后续工作感到困惑

  1. 如果每个React组件的状态都被隔离到该组件的范围之内,或者完整应用程序只有一种状态?

  2. 反应如何区分组件功能和普通功能?是返回值吗?

    const组件=()=>(   // jsx DOM元素 );

    const obj =()=>'返回值';

谢谢。

1 个答案:

答案 0 :(得分:3)

  

如果每个React组件的状态都独立于该组件的范围,或者完整应用程序只有一种状态?

这是单个组件的实例属性,因此您可以通过this.state访问它。它对应用程序不是全局的。

  

反应如何区分组件功能和普通功能?是返回值吗?

不是。如果您使用了一个从未打算用作组件的功能,然后将其用作组件,react将按照您的要求进行,但是结果可能没有用。

例如,如果您创建一个看起来像这样的函数:

const Sum = (a, b) => a + b;

然后尝试呈现以下内容:

<div>
  <Sum />
</div>

React不会抛出任何错误或任何东西,但是您会在页面上看到[object Object] [object Object]