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

Я использую 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>
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
297
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

Вы захотите использовать 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';

Другие вопросы по теме