用星号替换字符来响应输入

Question

我想用输入的星号替换我的React组件中的所有数字值，但似乎无法正确处理。用户在输入中键入字符后，它必须立即显示为星号。

我尝试使用replace方法，但似乎无法使其正常工作。

是否可以向onChange添加功能以用星号替换所有字符？

Answer 1

您可以通过CSS来实现，因为您没有提到需要哪种方法，所以我将向您发送此示例。希望对您有帮助

input[type="text"] { -webkit-text-security: none; }
input[type="text"] { -webkit-text-security: circle; }
input[type="text"] { -webkit-text-security: square; }
input[type="text"] { -webkit-text-security: disc; /* Default */ }

<div>
<input type="text" placeholder="blabla..."/>
</div>