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