reactjs - 反应：输入数字后如何附加“％”符号？

首页 > 解决方案 > 反应：输入数字后如何附加“％”符号？

问题描述

我想在输入数字后附加 % 符号。我如何在 React 中实现这一点？我已经连接了 '%' 符号，但它出现在每个数字之后。如何附加它以便在输入数字（例如 51 ）后出现百分号？

这是代码：

 <InputBase
    className={`milestone-percent-rate`}
    autoComplete={"off"}
    placeholder={"20%"}
    maxLength="100"
    value={this.state.percent_rate + '%'}
    onChange={(e)=>{this.handleChange(e, "percent_rate")}}
/>

标签： reactjs

解决方案

handleChange您可以在下面的方法中编写附加逻辑。

this.setState({percent_rate,e.value+'%'})

推荐阅读