javascript - 在 React 中为输入字段设置默认值？

Question

我想设置一个用户可以输入的输入字段，该字段中固定有一个 £ 符号。用户不应该能够删除或更改此标志，但用户应该能够修改后面的内容。

例如

1. 初始£
2. 用户添加 10，结果:£10
3. 用户修改了 10 -> 5000，结果:£5000
4. 用户删除该字段中的所有内容，结果:£ 保留

占位符标签不起作用，因为在字段中输入内容时它是不可见的。默认值也不符合我的要求。

Place your stake: <input type="text" onChange={this.handleStakeChange}/>

Answer 1

您可以使用 CSS 和背景图片轻松做到这一点:

.pounds-input {
  padding: 0 0 0 20px;
  background: url(https://cdn1.iconfinder.com/data/icons/business-finance-1-1/128/currency-sign-pound-128.png) no-repeat;
  background-size: 12px 12px;
  background-position: 2px 2px;
}

<input class="pounds-input" type="number" />