如何解构道具

【问题标题】：How to destructuring a prop如何解构道具
【发布时间】：2019-04-17 02:39:18
【问题描述】：

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

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

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

【问题讨论】：

const { job_id } = props.match.params?

标签： javascript reactjs

【解决方案1】：

可能只是

const { job_id } = props.match.params;

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

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

console.log(id);

如果您需要将其分配给新的变量名，您也可以这样做：

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

console.log(alternative);

【讨论】：

【解决方案2】：

在解构赋值的右边应该有你想从中获取属性的对象。

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

【讨论】：