将 react-select 默认值设置为 Formik 初始状态值

Question

我将 Formik 与 react-select 结合使用，并基于用户在表单开头输入的值，我想将此值用作 react-select 下拉列表中的默认值。

这就是我对 Formik 初始状态值的看法：

"props": {
    "myName": "",
    "myGroups": [
        {
            "myGroupName": "G1",
        },
        {
            "myGroupName": "G2",
        }
    ]
 }

现在在我的 react-select 组件中，我想使用 props.myGroups[0].myGroupName（即来自 Formik 值的 G1）并将此值分配给我的 react-select，即：

                <Select
                    id="color"
                    options={myOptions}
                    defaultValue={props.myGroups[0].myGroupName}
                    isMulti={true}
                    placeholder="-- Select a group --"
                />

不幸的是，我不确定如何实现这一目标。不确定是否需要改用 value= 并保持 [{value: props.myGroups[0].myGroupName, label: props.myGroups[0].myGroupName }] 语法？

似乎无法让它工作。

任何帮助都会很棒。