Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/470.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 &引用;属性json不存在于类型{}";打字稿_Javascript_Json_Typescript - Fatal编程技术网

Javascript &引用;属性json不存在于类型{}";打字稿

Javascript &引用;属性json不存在于类型{}";打字稿,javascript,json,typescript,Javascript,Json,Typescript,我对打字很陌生,明天要完成一个项目。我试图做的是将我的json文件导入componentDidMount()并在应用程序上呈现它。我认为我至少做了一些正确的事情,因为当我将鼠标悬停在“response”上时,我在JSON文件中得到了所有不同的键和值。在我的应用程序上呈现它时遇到问题 这是代码(不介意searchField,我稍后会添加,没有错误): import*as React from“React”; 从“./GameCardList”导入GameCardList; 从“/logo.svg

我对打字很陌生,明天要完成一个项目。我试图做的是将我的json文件导入componentDidMount()并在应用程序上呈现它。我认为我至少做了一些正确的事情,因为当我将鼠标悬停在“response”上时,我在JSON文件中得到了所有不同的键和值。在我的应用程序上呈现它时遇到问题

这是代码(不介意searchField,我稍后会添加,没有错误):

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()
。您是否尝试打印
响应
?从错误消息中,似乎响应已经是您所需的对象。是否要打印(响应)?我还没有试过@BrunoMonteiro
console.log(response)
。你也是Javascript新手吗
console.log
是在控制台中打印内容的命令:)我一定是撞了头什么的,这就是我的意思哦!很高兴听到!我把这个评论作为一个答案发布,这样你就可以接受它,如果可以的话。祝你好运