如何将控制台中的输出保存为反应中的变量？答案

【问题标题】：How to save an output in console as a variable in react?如何将控制台中的输出保存为反应中的变量？
【发布时间】：2020-12-10 11:30:45
【问题描述】：

我正在做 Web 开发课程中的项目，我想对其进行一些修改，但我被卡住了。我想保存这个输出 -> response.outputs[0].data.regions[0].data.concepts[0].name 作为变量，然后将其传递给子组件，但是，我尝试的所有方法都不起作用。有什么建议？谢谢！

 ``` onSubmit = () => {
    this.setState({imageUrl: this.state.input});
    app.models
    .predict(
      Clarifai.RANDOM_MODEL,
      this.state.input)
      .then(
          function (response){
           console.log(response.outputs[0].data.regions[0].data.concepts[0].name);
        },
        function(err){
          console.log(err)
        }
      );
    } ```

【问题讨论】：

标签： javascript reactjs variables output hierarchy

【解决方案1】：

你can't return the response from an asynchronous call。

在then 回调中，将数据存储在组件的状态中。

渲染子组件时，通过属性从状态传递数据。

由于状态可能还没有所需的值，因此您需要对其进行测试并提供合适的替代内容。

例如

if (myStateVariable) {
    return <Foo value={myStateVariable} />
}
return <LoadingIndicator />

【讨论】：

谢谢！试了state，后来也意识到问题是可能输出还没出来，但是没想到有条件！我会试试的:)