我在表单上使用“ react-material-ui-form-validator”。我有一个选择组件,它显示从父代传递过来的值。
<FormControl required={this.props.required} variant="filled" className={classes.formControl}>
<SelectValidator
validators={this.props.required ? ['required'] : ''}
errorMessages={this.props.required ? ['This field is required']: ''}
value={this.state.value}
onChange={this.handleChange}
input={<FilledInput
required={this.props.required}
classes={ MuiFormLabel style={ color: option.color, marginLeft: selectWithIcon ? "30px" : ""}}
id={this.props.id} />}
>
{this.props.options && this.props.options.map(option => (
<MenuItem key={option.key} value={option.value} >
{option.icon}{<ListItemText className={classes.listItemText} primary={<Typography style={{ color: option.color, marginLeft: selectWithIcon ? "30px" : ""}}>{option.text}</Typography>}/>}
</MenuItem>
))}
</SelectValidator>
</FormControl>
我可以使用条件tp在输入字段中添加额外的填充
marginLeft: selectWithIcon ? "30px" : ""}}
但是我找不到办法在标签字段中增加间距。