如何解决预期的分配或函数调用:没有未使用的表达式ReactJS功能组件
这是我的第一个React应用,我不明白怎么了。我试图显示该页面,但标题两次出现错误(第26:5行-{{1} }是39:9,我在行fetch(url,{
中。我将代码从App类的组件来回更改为功能组件,但是没有运气(尽管获取数据有效/可行)。我尝试将所有将useEffect()方法中的代码转换成return语句后,只会遇到我无法解决的各种解析错误。因此,代码如下:
setisLoaded(true),setArticles(result.articles);)
最初,我希望能够从URL更改country参数,以便根据表单提交的内容从API中获取所需的内容(我知道我应该选择一个带有选项的select而不是输入类型文本,但是我现在只是对此进行测试。但是,到目前为止,我很高兴能够显示任何页面,因为对此问题的其他答复是(向useEffect()返回值)箭头功能,用括号括住而不是花括号的语句)对我不起作用,我也不明白此错误。任何想法都将不胜感激。
解决方法
以下是一个错误:
setisLoaded(true),setArticles(result.articles);
语句之间用分号(而不是逗号)分隔,因此解决方法是:
setisLoaded(true);
setArticles(result.articles);
一个错误是括号放错了,这导致错误回调是一个单独的表达式:
}),// <-----
(error) => {
setisLoaded(true);
setError(error);
};
它应该是:
},(error) => {
setisLoaded(true);
setError(error);
}); // <----- moved to here
,
您在useEffect中缺少依赖项数组。
useEffect(() => {
//your code
},[]);
如果添加一个空数组,则在安装组件时仅会提取一次数据。如果在阵列内添加任何属性或状态,则将在安装组件时以及添加的属性或状态更改时获取。
始终记得将数组添加为useEffect的第二个参数,以免发生无限循环。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。