尝试使用 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 表,它工作得
非常好我错过了代码中的某些内容吗?请提出建议...或代码示例...