javascript - 在 react Prop 中解构嵌套对象出错

Question

const {
    user: { name }
  } = props;

通过上面的代码，我得到了

name of undefined when the user object is undefined

我喜欢破坏，但应该这样使用吗？问题是没有退路让我的 React 应用程序崩溃。我宁愿破坏并使用 ? 作为后备:

const {
    user
  } = props;

return <div>user?.name</div>

Answer 1

试试这个:

const {
    user: { name = '' } = {name: ''}
  } = props;

<div>{name}</div>