Formik Material UI自动完成-在选项对象中获取字符串值

时间:2020-10-20 00:52:16

标签: reactjs typescript material-ui formik formik-material-ui

我将formik-material-ui软件包的Field组件与component = {Autocomplete}属性一起使用,并且试图将值设置为对象中的字符串。我宁愿不更改options = {data} prop的形状,而是获取字符串值而不是整个对象。但是,该字段本身的值仅抽象为prop属性,我对如何进行操作感到困惑。另外需要说明的是,我还希望设置freeSolo属性,以便用户可以使用自动完成的数据。

这是带有自动完成选项的当前示例响应。

{
    "autocomplete" : { "title": "The Shaw Shank Redemption"}
}

以下是当前示例响应,它不是自动填充选项

{
"autocomplete": ""
}

这是我想要的响应,它是一个字符串。

"autocomplete": "<freeSolo_value>"

OR

"autocomplete": "<option_value>"

我为愿意帮助https://codesandbox.io/s/elegant-lichterman-9dfq7?file=/src/index.tsx

的任何人制作了一个Codesandbox

非常感谢您的帮助或想法!

编辑

我已解决此问题,并将尽快发布答案。

0 个答案:

没有答案