如何解构道具
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;
考虑具有属性prop
和prop2
的对象。
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 道具类型内联,该函数声明使用对象解构来声明道具