这个状态管理可以在react上做吗？答案

【问题标题】：Can this state management be done on the react？这个状态管理可以在react上做吗？
【发布时间】：2019-02-23 02:32:49
【问题描述】：

我想知道这是对的吗？谢谢！

【问题讨论】：

能否请您在问题中发布代码，而不是它的图像？
欢迎来到 SO。当您在此处发布问题时，请尝试提供有关您的问题的越来越多的详细信息。这就是您获得最佳答案并避免被否决的方式：）您可以猜到图像没有用。当您有空闲时间时，请访问the related help center page 询问好问题。
我建议阅读How To Ask

【解决方案1】：

首先，请在问题中发布您的代码并清楚描述

使用 getLabels 函数，您应该在构造函数中绑定（this）或使用箭头函数，然后您可以在 getLabels 函数中使用 this.setState。例如：

constructor(props){
  super(props)
 this.getLabels = this.getLabels.bind(this)
}

或者： getLabels = () => {}

【讨论】：

【解决方案2】：

如果您的应用程序较小，您可以使用react 管理状态，refer here 以了解如何在react 中维护state。

当您的应用程序变得越来越大时，很难跟踪state，您可能需要去redux、refer here 了解更多关于redux 的信息。

【讨论】：

【解决方案3】：

第一件事。 “getLabels”函数名称错误。 “setLabels”将是一个更好的名称，因为您所做的是在检索标签后将标签分配给状态。因此，如果其余代码编写正确，它将触发组件中的重新渲染，并且 UI 将使用新状态进行更新。

如果从 UI 按钮或其他东西调用 this，那么您必须绑定到 this。

<input type="button" onClick={this.getLabels.bind(this)}/>

如果它被同一个组件中的另一个函数调用，你可以直接调用它。

function abc(){
  this.getLabels()
}

除此之外，这对于基本应用程序来说是可以的。但最好使用 Redux 之类的状态管理模式来管理代码和状态。

【讨论】：

我可以在 react 上添加 JSX 吗
我不是很清楚你的问题。基本上 JSX 是我们在 ReactJS 中使用的语法。实际上 State 包含应用程序的数据。在组件中，您所做的是使用该状态通过 JSX 语法构建 UI。