Reactjs 在文本字段中的值后显示符号

我目前正在为材质UI文本字段使用以下代码

<TextField
  id="submissionMark"
  name="submissionMark"
  type="number"
  label="Submission Mark"
  className={classes.textField}
  value={Math.round(this.state.mark)}
  onChange={this.handleChange}
  helperText={this.state.errors.mark}
  error={this.state.errors.mark ? true : false}
  fullWidth
/>

文本字段中的值是一个数字，但我试图在数字后面显示一个%，而不在状态后面附加%

我试图通过API和在线搜索解决方案，但什么也找不到

例如： 用户输入55，文本字段显示55%

可以显示这样的内容吗？

只需在值的末尾附加%即可。这样，您就不必将符号存储在状态中

<TextField
  id="submissionMark"
  name="submissionMark"
  type="number"
  label="Submission Mark"
  className={classes.textField}
  value={`${Math.round(this.state.mark)}%`}
  onChange={this.handleChange}
  helperText={this.state.errors.mark}
  error={this.state.errors.mark ? true : false}
  fullWidth
/>

---

我不确定没有州政府你能做到这一点。是否您不想完全使用状态？请参阅我的相关答案了解一种方法：