Javascript Can';t使用react starter工具包重新渲染部件
使用创建web应用程序。 它从我的api服务器获取对象,并在页面上显示它们。 在获取数据时,应用程序应显示加载图标 我的代码在获取对象后不会重新呈现组件。 它继续显示“正在加载…”,即使我想看到“已加载数据!”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); 此
从“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目录下的文件中工作?