javascript - 如何动态获取值(而不是创建字符串)？

Question

我试图在 React 上显示一个值，如下所示:

“如果事物存在，则显示事物”

到目前为止我已经

values.price ? `You'll pay ${values.price}` : null

我需要的是得到

values.price0 ? `You'll pay ${values.price0}` : null
values.price1 ? `You'll pay ${values.price1}` : null
values.price2 ? `You'll pay ${values.price2}` : null
values.price3 ? `You'll pay ${values.price3}` : null

该数字将来自 Prop ，因此我尝试执行以下操作，但它不起作用。如何解决这个问题？

values.price + props.id ? `You'll pay ${values.price + props.id}` : null

Answer 1

您可以访问以下属性；

values[`${price}${props.id}`] ? `You'll pay ${values.price + props.id}` : null

或者你可以简单地循环按键

Object.keys(values).map(k => `You'll pay ${values[k]}`)