如何防止浏览器扩展图标（Last Pass）出现在 React Apps 的字段中？
Posted
技术标签:
【中文标题】如何防止浏览器扩展图标（Last Pass）出现在 React Apps 的字段中？【英文标题】：How to prevent browser extension icons (Last Pass) from appearing in fields in React Apps? 【发布时间】：2021-09-26 09:44:32 【问题描述】：在我的网络应用程序中，我有一个创建用户页面，并且在浏览器中使用 Last Pass 扩展程序的用户会在某些字段中看到 Last Pass 图标。我想阻止这些图标出现。
我有found，对于纯 CSS，可以做到
<input type="text" name="username" id="username" data-lpignore="true">
但我不知道如何在 React 应用中复制它。
【问题讨论】：
【参考方案1】：你可以在 React 16+ 中直接添加 html 属性，参考this answer。
如果您正在使用表单库，请检查它们是否公开引用并使用它们添加属性，或（不鼓励）添加useEffect 钩子或componentDidMount使用document.getElementById('id').setAttribute('data-lpignore', 'true')函数和修改属性
【讨论】：
以上是关于如何防止浏览器扩展图标（Last Pass）出现在 React Apps 的字段中？的主要内容，如果未能解决你的问题，请参考以下文章