代码之家  ›  专栏  ›  技术社区  ›  AlgorithmFromHell

在rest SimpleForm上禁用管理员的自动完成功能

  •  0
  • AlgorithmFromHell  · 技术社区  · 6 年前

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

    <SimpleForm autoComplete="off">
    

    但似乎什么都不管用。 它能以这种方式定制吗?或者它需要创建自己的组件吗? 提前谢谢你的帮助。

    1 回复  |  直到 6 年前
        1
  •  3
  •   Community CDub    5 年前

    我想您可能很难理解如何禁用自动完成,下面是一个补充:

    如何在HTML中禁用自动完成功能?

    autocomplete 是一个 HTML attribute 对于 input 元素。可能的值为 on off .

    您可以通过如下方式禁用自动完成:

    <input type="email" name="email" autocomplete="off">

    我怎样才能用这个反应呢?

    React始终为DOM提供以JavaScript为中心的API。由于React组件通常采用自定义和DOM相关的道具,因此React使用camelCase约定,就像domapi一样

    Source

    结论是,你必须设定 财产 autoComplete 远离的 在那些上面 组件或输入字段 ,而不是在输入字段周围的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 ,接受 自动完成 作为财产。

    如果你通过 input={{ autoComplete: 'off' }} options={{ autoComplete: 'off' }}