首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法使用react-starter-kit重新呈现组件

无法使用react-starter-kit重新呈现组件
EN

Stack Overflow用户
提问于 2018-01-12 18:19:59
回答 1查看 62关注 0票数 1

使用kriasoft/react-starter-kit创建web应用程序。它从我的api服务器获取对象,并在页面上显示它们。在获取数据时,应用程序应该显示一个加载图标。

我的代码在获取对象后不会重新呈现组件。它继续显示“正在加载...”,即使我希望看到“数据已加载!”。

代码语言:javascript
运行
复制
import React from 'react';
import fetch from 'isomorphic-fetch'

class Search extends React.Component {
  constructor(...args) {
    super(...args);

    this.getObjectsFromApiAsync = this.getObjectsFromApiAsync.bind(this);

    this.state = {
      isLoading: true,
    };
  }
  
  async getObjectsFromApiAsync() {
    try {
      const response = await fetch('http://localhost:3030/api');
      const content = await response.json();
      // console.log(content)
      this.setState({isLoading: false});
    } catch(e) {
      console.error(e);
    }
  }

  componentWillMount() {
    this.getObjectsFromApiAsync();
  };
  
  render() {
    if (this.state.isLoading) {
      return (
        <p>Loading...</p>
      );
    }
    
    return (
      <p>Data loaded!!</p>
    );
  }
}

EN

回答 1

Stack Overflow用户

发布于 2018-01-15 13:32:07

通过在我的api服务器上添加res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3000');解决了这个问题。问题不在反应中。

这是解决方案资源:https://stackoverflow.com/a/18311469/6209648

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48224124

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档