如何使用 reactJs 顯示積分而不是密碼？

Question

實際上我想在表中顯示我的數據庫中的用戶..我有一個密碼，我想顯示點而不是它..任何人都可以幫助我這樣做嗎？ 這是我顯示密碼的方式

      <td> <Lock size={14} color=" #273746 " /> &nbsp; {item.password}</td>

如果你們中的任何人能幫助我，我將非常感激

Answer 1

如果要生成與原始字符串長度相同的星號字符串（例如item.password ），則可以使用String.prototype.repeat方法：

"*".repeat("mysecretpassword".length); // "****************"

但是，我建議顯示與密碼無關的恆定數量的星號，因為如果惡意人員通過計算星號知道密碼中的字符數，那么破解密碼會容易得多，例如，如果他們采取了隱藏密碼列表的圖片。 因此，我認為你最好的選擇是硬編碼一定數量的星號並為所有密碼顯示它：

"**********"

Answer 2

上面的答案看起來是正確的，但我只需要記住你，你不應該從你的 API 獲得文本/純文本密碼。此外，你不應該將密碼保存在數據庫中的文本/純文本中。 如果您真的需要以文本/純格式保存它們，則在將它們發送到客戶端（前端）之前，您已經需要在后端屏蔽它們。

Answer 3

您可以使用 Javascript 字符串替換 function。您可以在這里找到它： https://www.w3schools.com/jsref/jsref_replace.asp

{item.password.replace({item.password}, "**********")}