需要根据输入标签的属性值添加边距

时间:2019-05-10 17:30:22

标签: reactjs material-ui

我在表单上使用“ 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" : ""}}

但是我找不到办法在标签字段中增加间距。

0 个答案:

没有答案