javascript - 如何解构一个 prop

标签 javascript reactjs

我在 React 项目中遇到了一个关于 props、state 和 context 的解构分配的 linter 错误。链接为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 o = {id: '5', name: 'Jon'};
const { id: alternative } = o;

console.log(alternative);

关于javascript - 如何解构一个 prop,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55719112/

相关文章:

javascript - JavaScript 中字符串数组的长度

javascript - 通过 XMLHttpRequest 获取 img 后加载外部图像作为 div 的背景

reactjs - React Material-UI 自动完成。如何获取已删除选项的值?

checkbox - React 复选框不会切换

javascript - 如何对 props 进行分组并使代码更具可读性?

javascript - 原始函数之前的 then 子句中的 Angular 触发函数

javascript - JQuery $ ('iframe' ).ready 为什么不起作用?

reactjs - react SPA中的魔术链接身份验证

javascript - 水平拉伸(stretch)图像中间

javascript - 播放 s3 音频并在 React 组件中下载文件