Javascript &引用;属性json不存在于类型{}";打字稿
我对打字很陌生,明天要完成一个项目。我试图做的是将我的json文件导入componentDidMount()并在应用程序上呈现它。我认为我至少做了一些正确的事情,因为当我将鼠标悬停在“response”上时,我在JSON文件中得到了所有不同的键和值。在我的应用程序上呈现它时遇到问题 这是代码(不介意searchField,我稍后会添加,没有错误):Javascript &引用;属性json不存在于类型{}";打字稿,javascript,json,typescript,Javascript,Json,Typescript,我对打字很陌生,明天要完成一个项目。我试图做的是将我的json文件导入componentDidMount()并在应用程序上呈现它。我认为我至少做了一些正确的事情,因为当我将鼠标悬停在“response”上时,我在JSON文件中得到了所有不同的键和值。在我的应用程序上呈现它时遇到问题 这是代码(不介意searchField,我稍后会添加,没有错误): import*as React from“React”; 从“./GameCardList”导入GameCardList; 从“/logo.svg
import*as React from“React”;
从“./GameCardList”导入GameCardList;
从“/logo.svg”导入徽标;
导出接口IGame{
名称:字符串;
ID:编号;
段塞:字符串;
}
接口IAppProps{
}
接口IAppState{
游戏:阵列;
搜索字段:字符串;
}
导出类应用程序扩展React.Component{
构造函数(道具:只读){
超级(道具);
此.state={
游戏:[],
搜索字段:“
};
}
componentDidMount(){
导入(“../games.json”)
.then(response=>response.json())
//^^错误在哪里
.then((users:any)=>{this.setState({games:users});});
}
onSearchChange=(事件:{currentTarget:{value:any;};})=>{
this.setState({searchfield:event.currentTarget.value});
}
render(){
const{games,searchfield}=this.state;
const filteredGames=games.filter(games=>{
return game.Name.toLowerCase().includes(searchfield.toLowerCase());
});
返回!游戏长度?
你好,我正在加载!!:
(
);
}
}
//tslint:禁用下一行:无默认导出
导出默认应用程序代码>您不需要那里的.json()
,因为您的响应已经是您需要的对象了
您可以通过打印响应来测试这一点:console.log(response)
我认为您不需要那里的.json()
。您是否尝试打印响应
?从错误消息中,似乎响应已经是您所需的对象。是否要打印(响应)?我还没有试过@BrunoMonteiroconsole.log(response)
。你也是Javascript新手吗console.log
是在控制台中打印内容的命令:)我一定是撞了头什么的,这就是我的意思哦!很高兴听到!我把这个评论作为一个答案发布,这样你就可以接受它,如果可以的话。祝你好运