Ошибка замены пользовательского интерфейса материала - PullRequest
Новая
       20

Ошибка замены пользовательского интерфейса материала

0 голосов
/ 21 сентября 2019

Я создал свой собственный пользовательский компонент в activjs под названием OutlinedFieldWithLabelAndPrefix, чтобы сохранить значения с префиксом.Такие значения, как MYR-13245

Моя проблема в том, что эта строка onChange={evt => prefix1Setter(evt.target.prefix1)} выдает ошибку.HTML-браузер выдает ошибку для этой строки. 

    import {Paper, InputBase, Divider} from '@material-ui/core';
    const styles = theme => ({
        prefix: {
            marginLeft: theme.spacing(1),
            flex: 1
        }
    });



    const OutlinedFieldWithLabelAndPrefix = props => {
    const { classes, config } = props;
    const { prefix1, prefix1Setter, value, valueSetter, label, disabledThis = false } = config;

      return (
        <div>
          <div className={classes.label}>
            {label}
          </div>
          <Paper className={classes.root}>
            <InputBase
              type="text"
              value={prefix1}
              onChange={evt => prefix1Setter(evt.target.prefix1)}
              className={classes.prefix}
              maxLength="3"
              inputProps={{
                root: classes.inputRoot
              }}
            />
            <div>-</div>
            <InputBase
          type="number"
          value={value}
          onChange={evt => valueSetter(evt.target.value)}
          maxLength="5"
          className={classes.input}
          inputProps={{
            root: classes.inputRoot
          }}
        />
      </Paper>
    </div>
  );
}

1 Ответ

0 голосов
/ 22 сентября 2019

Этот обработчик onChange должен быть 

onChange={evt => prefix1Setter(evt.target.prefix1)}

должен быть 

onChange={evt => prefix1Setter(evt.target.value)}
...