如何解构道具

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解构道具相关的知识,希望对你有一定的参考价值。

我在反应项目中遇到了关于道具,状态和上下文的解构分配的错误。链接是here

我不明白我应该如何解构这个元素。

const { job_id } = props.match.params.job_id;
答案

它可能只是

const { job_id } = props.match.params;

查看javascript object destructuring documentation了解更多详情。

const o = {id: '5', name: 'Jon'};
const { id } = o;

console.log(id);
另一答案

在解构赋值的右侧,应该有您想要获得属性的对象。

const { job_id } = props.match.params;

考虑具有属性propprop2的对象。

const obj = { prop: "something", prop2:"string of prop2" }
const { prop } = obj; //get the prop key of the variable 'obj'

console.log(prop); //something

const { prop2 } = obj.prop2 //get the property 'prop2' from the string "string of prop2" which is undefined.

console.log(prop2) //undefined

以上是关于如何解构道具的主要内容,如果未能解决你的问题,请参考以下文章

必须使用解构道具分配问题

必须使用解构道具分配(react/destructuring-assignment)

对函数声明强制执行 TSX 道具类型内联,该函数声明使用对象解构来声明道具

如果我观看解构的道具,Vue 3 手表将无法工作

当组件中有解构赋值时,为啥默认道具不能防止 TypeError?

如何在不复制片段的情况下传递道具