除了一些关于某些基本内容的教程之外,我是一个全新的反应,所以我觉得我已经把自己投入了一些深层次的结局。
我试图使用gridStack并找到一个漂亮的包装器,以便在React中使用它。我已经设法通过启动和运行所有依赖项来努力但现在遇到了一个我无法解决的错误:
this.cellHeight is not a function(...)
。我一直在寻找负载,试着理解为什么我没有定义为我们在他们的网站found here上基本添加它们之后。
我不得不稍微修改它以使其发挥得很好,因为我已经减少了所有错误并发现这是最后一个我无法理解的问题。任何帮助都会非常感激。
import React from 'react';
import GridStack from 'gridstack';
import {GridStackItem} from 'react-gridstack';
class MyGrid extends React.Component{
render(){
return(
<GridStack cellHeight={50} vertical={10}>
<GridStackItem id='item_1' x={0} y={0} minHeight={2} minWidth={2}>
First Item
</GridStackItem>
<GridStackItem id='item_2' x={0} y={2}>
Second Item
</GridStackItem>
</GridStack>
);
}
}
export default MyGrid;
然后通过我的App类
应用该组件import React, {Component, PropTypes} from 'react';
import ReactDOM from 'react-dom';
import $ from 'jquery';
import Bootstrap from 'bootstrap/dist/css/bootstrap.css';
import MyGrid from './gridstack.jsx';
window.$ = $;
class App extends React.Component {
render() {
return(
<div>
<p>Hello WORLD!!!!</p>
<MyGrid/>
</div>
)
}
}
ReactDOM.render(<App/>, document.getElementById('root'));
你可以看到这是所有基本的第一步,当我发现我的脚围绕着React。