1

尝试使用 Griddle 但它显示“未找到结果”

import React, { Component } from 'react';
import DocumentTitle from 'react-document-title';   
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { loadHeaders } from '../../redux/actions/header.actions';
import Griddle from 'griddle-react';
import HeaderRow from './HeaderRow';

class HeadersPage extends Component {

  componentDidMount() {
    this.props.loadHeaders();
  }

  render() {
    const { requestHeaders } = this.props;

    return (
      <DocumentTitle title={'Requests'}>
        <div className="container">
          <Griddle
            data={requestHeaders}
          />
        </div>
      </DocumentTitle>
    )
   }
 }

HeadersPage.propTypes = {
  requestHeader: PropTypes.arrayOf(PropTypes.object),
  loadHeaders: PropTypes.func.isRequired,
};

HeadersPage.defaultProps = {
  requestHeaders: [],
};

const mapStateToProps = state => ({
  requestHeaders: state.headers.requestHeaders,
});

const mapDispatchToProps = dispatch => ({
  loadHeaders: () => {
    dispatch(loadHeaders());
  },
});

export default connect(mapStateToProps, mapDispatchToProps)(HeadersPage);  

我尝试更改为使用 bootstrap-react-table 和 html 表,它工作得
非常好我错过了代码中的某些内容吗?请提出建议...或代码示例...

4

0 回答 0