如何使用插值字符串设置Formik initialValues？

Question

我正在尝试将Formik initialValues与props的id一起使用。这样的方式是这样的：

<Formik
     initialValues={{
       smallPrice: smallPrice,
       bigPrice: bigPrice,
     }}

但是，我正在尝试为像这样的初始值创建名称，但这是行不通的：

<Formik
     initialValues={{
       `smallPrice${props.id}`: `smallPrice${props.id}`,
       `bigPrice${props.id}`: `bigPrice${props.id}`,
     }}

可以使用什么替代方法？

Answer 1

您需要[]才能创建动态键

{
   [`smallPrice${props.id}`]: `smallPrice${props.id}`,
   [`bigPrice${props.id}`]: `bigPrice${props.id}`,
 }