我在我的Gatsby应用程序中得到了这个错误,该应用程序为作者提取places数据。当author.social的map()点为null时,该错误将显示
TypeError:无法读取null的属性“map”
authors: ({ node: author }) => {
return {
...author,
social: author.social.map(s => ({ url: s })),
};
},
authors: ({ node: author }) => {
return {
...author,
social: author.social.map(s => {
if (s === null) {
return ({ url: 'https://www.mywebsite.com' });
} else {
return ({ url: s });
}
})
,
};
},
谢谢
这就是为什么我会这样做:
authors: ({ node: author }) => {
// This to inspect what there is inside the variable
console.log(author);
// And something like this to avoid the error:
if(author.social && author.social.length > 0){
// code here
}
});
问题内容: 您好,我正在尝试将React-Router与Firebase配合使用。但这给了我这个错误。 无法读取null的属性“ props” 这正是代码,我正在使用我的react-router 向下代码在组件上作为loginpanel组件。 我的react路由器在main.jsx上声明,我的react-router看起来像这样。 问题答案: 在回调中,指针不再指向您的React组件。有很多方法可
我收到以下JavaScript错误: TypeError:无法读取null的属性“title” 代码如下: mds-iMac: cmscart imac$nodemo app[nodemo] 1.11.0[nodemo]随时重启,输入[nodemo]观看:.[nodemo]启动(node: 2274)DeprecationWarning:在猫鼬中被弃用 [nodemon]应用程序崩溃-正在等待文件
我知道有类似的线程讨论范围问题。 使用以下组件 当您单击时,您会得到的属性'setState' 我知道你可以像这样做,但所有这些看起来都很奇怪,只是为了让它工作。 什么被认为是最优雅的方式来做到这一点?当然,人们必须有一个首选的方式,除了眼睛疼痛之外,还有其他好处?
我想在索引页的菜单部分显示我的产品。我试图从contentful API显示文本和图像等内容,但我得到了这个错误: TypeError:无法读取null的属性“fixed” src/components/homepageComponents/Product.js:6 3从“../../utils”导入{styles} 4从“gatsby-image”导入Img 5 6导出默认函数Product({
我正在使用GoogleMapsJSAPI在网站上显示地图。该网站向我展示了一张空卡片,在检查元素时,我发现了错误:无法读取null的“offsetwidth”属性。 如果有人能帮助我,我将不胜感激!我在下面添加了所有相关的编码。 CSS HTML JS
我可以在我的post模板中映射,没有麻烦,比如我想获得每个工具的名称: 我将这个数组传递给我的SEO组件,如下所示: 然后在我的SEO组件中,我可以访问那里的所有内容,这是我组件中的内脏,但map函数在这里不工作,我不知道为什么?