Javascript 我可以使用插值字符串来分解项目吗?

Javascript 我可以使用插值字符串来分解项目吗?,javascript,reactjs,Javascript,Reactjs,我使用上下文API将项从一个组件传递到另一个组件。我正在按如下方式分解项目: const { smallPrice, bigPrice } = useContext(Context) 我想知道是否可以使用插值字符串对它们进行解构,以便使用组件中的props.id const { `smallPrice${props.id}`, `bigPrice${props.id}` } = useContext(Context) 然而,这是行不通的。是否有其他方法可以使用插值字符串来分解来自上下文的内容

我使用上下文API将项从一个组件传递到另一个组件。我正在按如下方式分解项目:

const { smallPrice, bigPrice } = useContext(Context)
我想知道是否可以使用插值字符串对它们进行解构,以便使用组件中的props.id

const { `smallPrice${props.id}`, `bigPrice${props.id}` } = useContext(Context)
然而,这是行不通的。是否有其他方法可以使用插值字符串来分解来自上下文的内容?

您可以使用。通过键引用变量并将其指定给已知变量名。例如:

const{
[`smallPrice${props.id}`]:smallPrices,
[`bigPrice${props.id}`]:bigPrices
}=使用上下文(上下文);
console.log(小价格);
console.log(bigPrices);

您可以使用计算属性名,但无论如何都必须声明静态目标变量。不,不要这样做。是的,我建议将
smallPrice
bigPrice
值存储在数组或对象中,并以这种方式访问它们。