Ошибка Eslint: пропущены круглые скобки вокруг мультилиний - PullRequest
0 голосов
/ 25 июня 2019

Я использую флажок Material UI в моем проекте. Я использовал его так же, как в примере с пользовательским интерфейсом материала: https://material -ui.com / components / checkboxes / но eslint показывает мне эту ошибку:

ошибка Отсутствие скобок вокруг мультилиней JSX реагировать / jsx-wrap-мультилинии

<FormControlLabel
  control={
    <Checkbox
      checked={data.default}
      value="default"
      onChange={(e) => {
        return setData({ ...data, default: e.target.checked });
      }}
    />
  }
  label="Make default"
/>

ошибка в строке 2 (control = {....)

1 Ответ

0 голосов
/ 25 июня 2019

Пожалуйста, смотрите примеры на странице правила jsx-wrap-multilines :

Вы можете либо отключить это правило, либо заключить любой многострочный элемент React в скобки:

<FormControlLabel
  control={( // starting paren here
    <Checkbox
      checked={data.default}
      value="default"
      onChange={(e) => {
        return setData({ ...data, default: e.target.checked });
      }}
    />
  )} // ending paren here
  label="Make default"
/>
...