相关疑难解决方法(0)

解构和重命名属性

const a = {
 b: {
  c: 'Hi!'
 }
};

const { b: { c } } = a;
Run Code Online (Sandbox Code Playgroud)

b在这种情况下可以重命名吗?我想要获取c并重命名b.

javascript rename object destructuring ecmascript-6

40
推荐指数
2
解决办法
2万
查看次数

使用非有效变量名称的属性名称进行对象解构

有谁知道你是否可以在属性名称中使用带空格的对象解构?也许这不能做,我意识到JavaScript表示法不正确,但我无法更改服务器json响应.

var obj1 = {name: 'Mr Smith', age: 21};
//destructure
var {name, age} = obj1;
//name='Mr Smith' and age=21
Run Code Online (Sandbox Code Playgroud)

这按预期工作.

但是,当我有以下对象结构时,我可以使用对象解构吗?

var obj2 = {"my name": "Mr Jones", age: 22};
var {'my name', age} = obj2; 
Run Code Online (Sandbox Code Playgroud)

如果这是不可能的话,如果我可以使用某种语法(例如'as')分配变量,这将是很好的...

var {'my name' as name, age} = obj2; //name='Mr Jones';
Run Code Online (Sandbox Code Playgroud)

谢谢

destructuring typescript ecmascript-6

18
推荐指数
2
解决办法
1824
查看次数

为什么这个对象解构不起作用?

语法看起来很适合 MDN,所以我不明白为什么这个对象解构不起作用。变量返回未定义,为什么?

  let obj={age: "3", name: "spike"};
  let {a,b}=obj;//returns a and b as undefined, why?
Run Code Online (Sandbox Code Playgroud)

javascript destructuring

5
推荐指数
1
解决办法
1925
查看次数

重命名返回对象的对象键

塞纳里奥

方法Matter返回一个对象,例如return {content, data}

冲突

该方法的第二次调用(来自节点模块的方法)会覆盖之前从返回中设置的变量。

import matter from 'gray-matter'

const test = () => {
...
   const { content, data } = matter(source1)
   const { content, data } = matter(source2) // this overwrites previous content, data vars
...
}
Run Code Online (Sandbox Code Playgroud)

目标/问题

在不同的命名变量中设置返回值,例如:

const { content2, data2 } = matter(source2) // like so it leads to an compiling error property content2 does not exists on type [...]
Run Code Online (Sandbox Code Playgroud)

那么,如何将返回值分配给类型中命名的不同命名变量呢?

javascript typescript

5
推荐指数
1
解决办法
1464
查看次数

useSWR 处理多个请求

我想在我的网络应用程序中实现 useSWR 并从项目中删除 axios,但我不知道如何在同一页面上多次使用 SWR。我想我可以使用两个钩子:

const { userData, userError } = useSWR(url, fetcher)

const { coinData, coinError } = useSWR(url,fetcher)

但这行不通。(我猜你需要使用{ data, error }

这是我当前拥有的代码,但我想使用 SWR 向我的数据库发出另一个获取请求。

  const fetcher = (...args) => fetch(...args).then((res) => res.json());

  const { data, error } = useSWR(
    `https://api.coingecko.com/api/v3/coins/${coinURL}`,
    fetcher
  );

  if (error) {
    return <div>failed</div>;
  }
  if (!data) {
    return <div>Loading</div>;
  }
  return <div>{data.name}</div>;
Run Code Online (Sandbox Code Playgroud)

使用 useSWR 在同一页面上发出多个请求的最佳方法是什么?

javascript next.js swr

3
推荐指数
2
解决办法
9358
查看次数

导出 const { x: y} = z; 是什么意思?做?

我对 index.ts 中的以下语句感到非常困惑:

import z from 'path/to/z';
export const { x: y } = z;
Run Code Online (Sandbox Code Playgroud)

第二行实际导出什么以及 z 的值如何与其相关?另外,这种导出的目的是什么?

javascript typescript

0
推荐指数
1
解决办法
920
查看次数