javascript - 如何在 Formik 的选项标签的值中传递对象？

Question

如何在 Formik 的选项标签的值中传递对象？

我正在尝试从 Formik 中的选择选项标签发送数据对象。

我通过如下所示的道具访问玩家对象：

{
  id:'123'
  name:'Life'
}

我的选项标签如下所示：

export const GameOption = ({ game }) => {
  return (
    <option value={(game.id, game.name)}>
       {game.name}
    </option>
  )
}

我的 Formik 架构如下所示：

import * as Yup from 'yup'

// Formik initial values
const RecordGameValues = {
  gamePlayed: [],
}

// Yup validation
const RecordGameSchema = Yup.object().shape({
  gamePlayed: Yup.array().min(1),
})

export { RecordGameValues, RecordGameSchema }

我想通过 Formik 表单传入来自游戏道具的 game.id 和 game.name 。但是，当我同时提供两者时(game.id, game.name)，我得到一个错误Warning: The `value` prop supplied to <select> must be a scalar value if `multiple` is false.

标签： javascriptreact-propsformik