我想创建在用户键入时具有值的 TextField 元素,然后是 Input Adornment。
是否可以在值后添加 % 符号而不是输入结束?
当前百分比符号(%)在用户键入之前的输入开始处,如果有值,将转到输入结束处。
<TextField
{...defaultProps}
InputProps={{
startAdornment: this.state.percentage ? (
<span />
) : (
<InputAdornment position='start'>%</InputAdornment>
),
endAdornment: this.state.percentage ? (
<InputAdornment position='end'>%</InputAdornment>
) : (
<span />
),
classes: defaultInputClasses
}}
error={this.state.percentageError ? true : false}
fullWidth
helperText={this.state.percentageError ? 'percentage must be between 1-100' : ''}
id='percentage'
label='percentage'
margin='normal'
name='percentage'
onChange={this.handleChange}
value={this.state.percentage}
/>