在 url 的反应 js 材料 ui 文本字段中屏蔽

Question

我想屏蔽 url 正则表达式，就像用户必须键入 http 或 https，然后在整个 url 之后自动应用。我正在使用材料 ui 文本字段。

Answer 1

您需要使用 3rd 方库进行屏蔽，来自文档的海峡：

与第三方输入库集成您可以使用第三方库来格式化输入。 您必须提供具有 inputComponent 属性的元素的自定义实现。

以下演示使用 react-imask 和 react-number-format 库。

在下面的文档链接中实现了一些示例。
参考： https://mui.com/material-ui/react-text-field/#integration-with-3rd-party-input-libraries