render () {
const { classes, intl, userFormData } = this.props
const { open, usersList, isSomeFilterSelected, selected } = this.state
return (
<div className={classes.root}>
<div className={classes.container}>
<Paper className={classes.table}>
{selected.length === 0 ? <div
className={classNames(classes.buttons, isSomeFilterSelected ? classes.filterSelected : classes.filterAreNotSelected)}>
{isSomeFilterSelected ? <div onClick={this.onClearFilters}>
<Button className={classes.button}>
{intl.formatMessage(messages.clear)}
<DeleteIcon className={classes.rightIcon}/>
</Button>
</div> : null}
<UserTableFilterForm
onSubmit={this.onHandleSubmit}
open={open}
handleOpenStateClose={this.onHandleOpenFilters}
handleOpenStateOpen={this.onHandleCloseFilters}
switcher={userFormData['switchField'] ? userFormData['switchField'] : false}
/>
</div> : null}
{selected.length !== 0 ? <TableToolbar
numSelected={selected.length}
handleOnDeleteAction={this.onHandleDeleteSelectedUsers}
/> : null}
<Table>
<TableHead
onSelectAllClick={this.onSelectAllUsersFromTableForDelete}
numSelected={selected.length}
rowCount={usersList.length}
/>
<TableBody
{...this.state}
onHandleSelected={this.onHandleSelected}
isSelected={this.isSelected}
/>
</Table>
<TableFooter
{...this.state}
onHandlePageParameter={this.onHandlePageParameter}
onHandleChangeRowsPerPage={this.onHandleChangeRowsPerPage}
/>
</Paper>
</div>
</div>
)
}
Выше вы можете увидеть мой код, ниже вы можете увидеть ошибку, которая возникает при загрузке этой страницы, я хочу обернуть таблицу внутри div, но не могу найти способ ее решить, пожалуйста, помогите, и я попытался найти в котором родитель может встречаться Table и тд, но не нашел также
Предупреждение: validateDOMNesting (...): не может быть дочерним
,
в тд (создан Context.Consumer)
в TableCell (созданный WithStyles (TableCell))
в WithStyles (TableCell) (созданный TablePagination)
в TablePagination (создается WithStyles (TablePagination))
в WithStyles (TablePagination) (созданный TableFooter)
в TableFooter (создан WithStyles (TableFooter))
в WithStyles (TableFooter) (создается InjectIntl (WithStyles (TableFooter)))
в InjectIntl (WithStyles (TableFooter)) (созданный UsersPage)
в div (созданный Paper)
в бумаге (созданный WithStyles (Paper))
в WithStyles (Paper) (созданный mapProps (WithStyles (Paper))
в mapProps (WithStyles (Paper)) (создается с помощью WithStyles (mapProps (WithStyles (Paper))))
в WithStyles (mapProps (WithStyles (Paper))) (созданный UsersPage)
в div (созданный UsersPage)
в div (созданный UsersPage)
в UsersPage (создан Connect (UsersPage))
в Connect (UsersPage) (создается WithStyles (Connect (UsersPage)))
в WithStyles (Connect (UsersPage)) (создается InjectIntl (WithStyles (Connect (UsersPage)))))
в InjectIntl (WithStyles (Connect (UsersPage)))) (созданный UniversalComponent)
в UniversalComponent (создан Route)
в div (созданный MainLayout)
в div (созданный MainLayout)
в div (созданный MainLayout)
в div (созданный MainLayout)
в MainLayout (создан WithStyles (MainLayout))
в WithStyles (MainLayout) (созданный Route)
в маршруте (созданный PageRoute)
в PageRoute (создан _default)
в Switch (созданный _default)
в _default (создается приложением)
в IntlProvider (создан Connect (IntlProvider))
в Connect (IntlProvider) (создается приложением)
в приложении (создается Connect (Приложение))
в подключении (приложение)
в MuiThemeProviderOld
в JssProvider
в маршрутизаторе (создан ConnectedRouter)
в ConnectedRouter (создан Connect (ConnectedRouter))
в соединении (ConnectedRouter)
в провайдере