Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.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 TypeError:无法读取属性'；foo'；对于空对象，React_Javascript_Reactjs_Object - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript TypeError:无法读取属性'；foo'；对于空对象，React

Javascript TypeError:无法读取属性'；foo'；对于空对象，React

javascript reactjs object

Javascript TypeError:无法读取属性'；foo'；对于空对象，React,javascript,reactjs,object,Javascript,Reactjs,Object,我得到TypeError:当bar有时返回null时，无法读取null的属性'foo' 当值栏为空时，如何防止它 我认为bar:{foo}={}这是解决方案，但不是：( null在技术上是一个定义的值，因此在这里使用回退值语法失败 一个简单的解决方案是结合使用 如果data.bar不是null或undefined则使用它，否则将提供一个回退空对象 constdata1={bar:{foo:'foobar'}； 常量data2={bar:null}； const{foo:foo1}=data1？

我得到
TypeError:当
bar
有时返回null时，无法读取null的属性'foo'

当值栏为空时，如何防止它

我认为
bar:{foo}={}
这是解决方案，但不是：(


null
在技术上是一个定义的值，因此在这里使用回退值语法失败

一个简单的解决方案是结合使用

如果
data.bar
不是
null
或
undefined
则使用它，否则将提供一个回退空对象



constdata1={bar:{foo:'foobar'}；
常量data2={bar:null}；
const{foo:foo1}=data1？.bar？？？{}；
console.log（foo1）；//foobar
const{foo:foo2}=data2？.bar？？？{}；
console.log（foo2）；//未定义

export default function Component({ data }) {
  
  const {
    bar: { foo } = {},
  } = data

return (...)
}



const { foo } = data?.bar ?? {};