Свойство containerComponent отсутствует в типе {} - PullRequest
Новая
       20

Свойство containerComponent отсутствует в типе {}

0 голосов
/ 14 января 2019

Я использую реагирование для рендеринга HTML, и я использую PagingPanel Plugin из реагирующей сетки.
Однако, когда я добавлю это правило: 

import { PagingPanel } from '@devexpress/dx-react-grid';

И в мои render() я добавляю это правило: 

<PagingPanel />

Это дает мне следующую ошибку: 

Type '{}' is not assignable to type 'PagingPanelProps'.
Property 'containerComponent' is missing in type '{}'.

Чего мне не хватает?
Я использую PagingPanel внутри компонента grid также из react-grid

Мой код в методе render: 

<Grid rows={this.props.ConnectedConnectors}
 columns={[{ name: "guid", title: "Guid" }]}>
 <SortingState sorting={this.props.sorting} onSortingChange={this.props.changeSorting} />
 <SearchState value={this.props.searchValue} onValueChange={this.props.changeSearchValue} />
 <IntegratedFiltering />
 <IntegratedSorting />
 <PagingState pageSize={10} currentPage={this.props.pageNumber} onCurrentPageChange={this.props.changePageNumber} />
 <IntegratedPaging />
 <Table cellComponent={this.renderCell.bind(this)} columnExtensions={this.tableColumnExtensions} tableComponent={TableComponent} />
 <Toolbar />
 <SearchPanel />
 <TableHeaderRow showSortingControls />
 <TableColumnVisibility hiddenColumnNames={hiddenColumnNames} emptyMessageComponent={NoGridColumnsMessage} />
 <PagingPanel />  // the one with the error mark
 <SelectionState  />
 <TableSelection selectByRowClick highlightRow showSelectionColumn={false} key="id" />
</Grid>

1 Ответ

0 голосов
/ 10 апреля 2019

Ознакомьтесь с документацией по этому компоненту здесь

Вам может понадобиться PagingPanel от одного из компонентов темы, если вы не предоставляете пользовательский компонент.

Выдержка: 

// Use the following statement to import a plugin with embedded theme components:

import { PagingPanel } from '@devexpress/dx-react-grid-material-ui';
import { PagingPanel } from '@devexpress/dx-react-grid-bootstrap4';
import { PagingPanel } from '@devexpress/dx-react-grid-bootstrap3';

// If you want to use custom components, you can import the themeless plugin:

import { PagingPanel } from '@devexpress/dx-react-grid';
...