я возникли проблемы при попытке сделать простойmaterial-ui-next флажок внутриredux-form, Я следую заофициальный пример и пытается адаптировать его кmaterial-ui-next эквивалентно, так как в примере используется более старая версияmaterial-ui, Это код, который я в конечном итоге использую:

const renderCheckbox = ({ input, label }) => (
  <FormGroup row>
    <FormControlLabel
      control={
        <Checkbox
          checked={input.value ? true : false}
          onChange={input.onChange}
          value="checkedA"
        />
      }
      label="Secondary"
    />
  </FormGroup>
);

И вот как я определяю флажок внутриredux-form:

...
<Field name="activated" component={renderCheckbox} label="Activated" />
...

Однако когда я сохраняю код, React жалуется на следующую ошибку:

index.js: 2178 Предупреждение: React.createElement: тип недопустим - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: undefined. Вы, вероятно, забыли экспортировать свой компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и с именами.

Проверьте свой код на myForm.js: 108.

Строка 108 кода является<Checkbox /> компонент, который определен внутри вышеупомянутогоrenderCheckbox() метод.