Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t使用react starter工具包重新渲染部件_Javascript_Reactjs_React Starter Kit - Fatal编程技术网

Javascript Can';t使用react starter工具包重新渲染部件

Javascript Can';t使用react starter工具包重新渲染部件,javascript,reactjs,react-starter-kit,Javascript,Reactjs,React Starter Kit,使用创建web应用程序。 它从我的api服务器获取对象,并在页面上显示它们。 在获取数据时,应用程序应显示加载图标 我的代码在获取对象后不会重新呈现组件。 它继续显示“正在加载…”,即使我想看到“已加载数据!” 从“React”导入React; 从“同构提取”导入提取 类搜索扩展了React.Component{ 构造函数(…参数){ 超级(…args); this.getObjectsFromApiAsync=this.getObjectsFromApiAsync.bind(this); 此

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

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

从“React”导入React;
从“同构提取”导入提取
类搜索扩展了React.Component{
构造函数(…参数){
超级(…args);
this.getObjectsFromApiAsync=this.getObjectsFromApiAsync.bind(this);
此.state={
孤岛加载:是的,
};
}
异步getObjectsFromApiAsync(){
试一试{
const response=等待获取('http://localhost:3030/api');
const content=wait response.json();
//console.log(内容)
this.setState({isLoading:false});
}捕获(e){
控制台错误(e);
}
}
组件willmount(){
this.getObjectsFromApiAsync();
};
render(){
if(此.state.isLoading){
返回(
加载

); } 返回( 数据已加载

); }
}
通过添加
res.setHeader('Access-Control-Allow-Origin','http://localhost:3000');到我的api服务器。
问题不在于反应

以下是解决方案资源:

我还想要一个示例,使用它可以在状态更改时重新呈现视图。看不到此代码有任何不好的地方。检查您的控制台是否有错误在我的控制台中找不到错误。React组件位于路由和组件目录中。搜索类位于routes目录下。重新渲染是否仅在components目录下的文件中工作?