Компонент ReduxForm Field не работает со свойством ReactTable Cell в заголовках столбцов. - PullRequest
Новая
       42

Компонент ReduxForm Field не работает со свойством ReactTable Cell в заголовках столбцов.

0 голосов
/ 27 апреля 2020

В ReactTable я хочу визуализировать свой собственный Checkbox компонент, используя Field из redux-form через Cell средство визуализации react-table.

Но я получаю эту ошибку :

Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

Не знаю почему.

Проверьте мой код: 

import { Field } from 'redux-form';
import Checkbox from 'Components/Checkbox';

const setTableColumns = () => {
  return [
    {
      Header: 'Entities',
      accessor: 'target',
      Cell: rowData => (
        <span className="RoleTarget" key={rowData.original.target}>
          <AllCheckerCheckbox
            name={`CheckAll-${rowData.original.userId}`}
            id={rowData.original.userId}
          />
          <span className="RoleTarget__name">{rowData.original.target}</span>
        </span>
      ),
      width: 190,
    },
    {
      Header: 'Add',
      accessor: 'add',
      Cell: rowData => {
        // Problematic code below.
        return <Field name="ADD" component={Checkbox} type="checkbox"  />;
      },
      minWidth: 60,
    },
  ]
}

export default setTableColumns

Также вне стола, Field компонент работает отлично! Это только внутри стола, что вызывает проблемы. Может кто-нибудь сказать мне, что происходит между react-table и redux-form, и как заставить их работать вместе?

Большое спасибо

...