Я использую response для рендеринга HTML, и я использую PagingPanel Plugin из react-grid.
Однако, когда я добавляю это правило:
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>





Ознакомьтесь с документацией по этому компоненту здесь
Вы захотите использовать 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';