首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何覆盖物料中的自动完成/自动填充-ui自动完成-反应JS

如何覆盖物料中的自动完成/自动填充-ui自动完成-反应JS
EN

Stack Overflow用户
提问于 2021-10-28 11:29:29
回答 1查看 1.3K关注 0票数 0

我使用的材料-ui自动完成( https://mui.com/components/autocomplete/#free-solo ).

很好,演示在这里:https://codesandbox.io/s/0v9v9?file=/demo.tsx

默认情况下,文本输入显示的是自动完成=‘off’,但我想将其更改为自动完成=‘new--某些东西’,但它不起作用,而且自动完成=‘new--有些东西’显示为父dev属性,而不是输入。

我用了这个代码

代码语言:javascript
运行
复制
<TextField
  {...params}
  inputProps={{
    ...params.inputProps,
    autoComplete: 'new-something',
  }}
/>

但这不管用。在输入中,它仍然将autocomplete="off“显示为输入属性。

EN

Stack Overflow用户

回答已采纳

发布于 2021-10-28 13:25:53

正如您在doc https://mui.com/api/text-field/#props中看到的,有两个道具具有相同的名称。

应用于输入元素的Attributes applied to the input element.

  • InputProps:工具.
  • inputProps:

对于自动完成属性,需要inputProps

代码语言:javascript
运行
复制
   <TextField
      {...params}
      label="Search input"
      InputProps={
        ...params.InputProps,
        type: 'search',
      }}
      inputProps={{
        autocomplete: 'something'
      }}
    />

这里是代码框https://codesandbox.io/s/freesolo-material-demo-forked-8g2n1?file=/demo.tsx中的一个工作示例

票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69753285

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档