gpt4 book ai didi

reactjs - 禁用 admin-on-rest SimpleForm 的自动完成

转载 作者:行者123 更新时间:2023-12-03 23:53:54 29 4
gpt4 key购买 nike

是否可以禁用 AOR SimpleForm 组件的自动完成功能?
我尝试了以下各种组合:

<SimpleForm autoComplete="off">

但似乎没有任何效果。
它可以以这种方式定制还是需要创建自己的组件?
我需要它专门用于 AOR(不是 react-admin)。
在此先感谢您的帮助。

最佳答案

我认为您可能对如何禁用自动完成的基本理解感到困惑,所以这里有一个补充:
在 HTML 中禁用自动完成如何工作?
autocomplete HTML attributeinput元素。可能的值为 onoff .
您可以像这样使用它来禁用自动完成功能:<input type="email" name="email" autocomplete="off">我如何将其应用于 React?

React has always provided a JavaScript-centric API to the DOM. Since React components often take both custom and DOM-related props, React uses the camelCase convention just like the DOM APIs


Source
结论是,你必须设置 属性(property) autoCompleteoff关于那些 组件又名输入字段 , 而不是在输入字段周围的 from 元素上。
例子
import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
return (
<div className="App">
<input name="email" autoComplete='off' />
</div>
);
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
在你的情况下,组件被称为 TextInput .
After looking at the source , 我发现 AOR 使用 TextField material-ui ,接受 autoComplete作为属性(property)。
因此,如果您通过 input={{ autoComplete: 'off' }}options={{ autoComplete: 'off' }}你应该很高兴去。

关于reactjs - 禁用 admin-on-rest SimpleForm 的自动完成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52815869/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com