Я написал компонент-обертку, в котором я пытаюсь отобразить responseDataGrid - довольно просто c Но я не могу сказать, где это происходит, и я не получаю никаких ошибок консоли.
В моем компоненте более высокого порядка я использую это:
boardArray={show.boards}
errors={errors}
dialogShow={boardMappingDialogShow}
onGridRowsUpdated={onGridRowsUpdated}
handleClose={handleBoardMappingDialogClose}
saving={saving}
/>
show.boards - это массив формата Строки должны быть.
И в BoardMappingDialog у меня есть это:
import React from "react";
import PropTypes from "prop-types";
import { Modal, Button, Container, Row, Col } from "react-bootstrap";
import ReactDataGrid from "react-data-grid";
import { Editors } from "react-data-grid-addons";
import 'react-data-grid/dist/react-data-grid.css';
const { DropDownEditor } = Editors;
const boardTypes = [
{ id: "FIREWORK", value: "Firework"},
{ id: "LIGHT", value: "Light"}
];
const BoardTypeEditor = <DropDownEditor options={boardTypes} />;
const columns = [
{key: "boardID", name: "Board ID"},
{key: "boardType", name: "Board Type", editor: BoardTypeEditor}
];
const BoardMappingDialog = ({
boardArray,
dialogShow,
handleClose,
onGridRowsUpdated,
saving = false,
errors = {}
}) => {
return (
<ReactDataGrid
columns={columns}
rowGetter={i => boardArray[i]}
rowsCount={1}
onGridRowsUpdated={onGridRowsUpdated}
enableCellSelect={true}
/>
);
};
BoardMappingDialog.propTypes = {
boardArray: PropTypes.array.isRequired,
errors: PropTypes.object,
dialogShow: PropTypes.func.isRequired,
onGridRowsUpdated: PropTypes.func.isRequired,
handleClose: PropTypes.func.isRequired,
handleChange: PropTypes.func.isRequired,
saving: PropTypes.bool
};
export default BoardMappingDialog;
Кажется чрезвычайно базовым c, но я просто получаю пустой элемент rdg root. Что мне не хватает? Как я могу устранить неполадки?