小编lir*_*zaa的帖子

如何修复警告:validateDOMNesting(...): <div> 不能作为 <tbody> 的子项出现

我将用户列表作为道具传递给 UserItem 组件以迭代用户列表并将它们显示在表格上。列表显示正确,我的渲染返回中没有任何 div,但我仍然收到错误:index.js:1446 警告:validateDOMNesting(...): 不能作为 .

尝试了许多网上找到的解决方案,但没有一个奏效

用户管理代码:

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import Spinner from './common/Spinner';
import { getUsers } from '../actions/userActions';
import UserItem from './UserItem';

class UsersManagement extends Component {
  componentDidMount() {
    if (!this.props.auth.isAuthenticated) {
      this.props.history.push('/login');
    }
    this.props.getUsers();
  }

  render() {
    const { users, loading } = this.props.user;
    let usersList;
    if (users === null || loading) {
      usersList = <Spinner />
    } else {
      if …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs bootstrap-4

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

bootstrap-4 ×1

javascript ×1

reactjs ×1