У меня есть новый проект, и я пытаюсь использовать ответ-сетка-макет для создания панели инструментов.к сожалению, я не могу заставить его работать.
Я использую:
"@types/react-grid-layout": "0.16.5"
"react-grid-layout": "0.16.5"
, когда я пытаюсь использовать его в файле TSX с import { ReactGridLayout } from 'react-grid-layout';
я получаю сообщение об ошибке: /node_modules/@types/react-grid-layout/index"' has no exported member 'ReactGridLayout'.
Любое предложение, что я делаю неправильно?
Обновление
Дополнительная информация: я использую его в веб-приложении SPAкоторый работает на ядре .Net 2.1 Как я пытаюсь его использовать:
<code>import * as React from 'react'; import { RouteComponentProps } from 'react-router'; import ReactGridLayout, { Layout } from 'react-grid-layout'; //const ReactGridLayout = require('react-grid-layout');
класс экспорта Панель инструментов расширяет React.Component, {}> {
// ReactGridLayout= require ('response-grid-layout');
public render () {
// const ReactGridLayout = require ('response-grid-layout');
var layout = [
{i: 'a', x: 0, y: 0, w: 1, h: 2, static: true},
{i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2, maxW: 4},
{i: 'c', x: 4, y: 0, w: 1, h: 2}
];
return <div> <ReactGridLayout className="layout" layout={layout} cols={12} rowHeight={30} width={1200}> <div key="a">a</div> <div key="b">b</div> <div key="c">c</div> </ReactGridLayout> </div>; }}