React-data-grid作为React初学者

时间:2017-06-21 07:41:36

标签: javascript reactjs react-data-grid

我有一项任务是创建一个看起来像this的应用。作为一名javascript开发人员,我说这是一个学习ReactJS的好机会。我做了一些ReactJS教程,并且对npm有一些基本知识,但是入门页面不是很健谈,我只是没有设法让它工作。

有人可以列出一些命令和说明,如何从头开始,而不需要对框架有任何认真的了解,所以npm start看起来像this之后?

例如

cd c:\
md reactgrid
cd reactgrid
npm install react-data-grid --save
...???...
...edit index.js and add some code from...
npm start

谢谢。

1 个答案:

答案 0 :(得分:1)

使用create-react-app:

dtrslt.DefaultView.Sort = e.SortExpression + " Desc";
dtrslt = dtrslt.DefaultView.ToTable();

Start here,阅读文档然后转到源代码: http://adazzle.github.io/react-data-grid/examples.html#/basic

将源代码粘贴到App.js中,然后将以下代码粘贴到Example类之前:

npm install -g create-react-app
create-react-app sample-grid
cd sample-grid
npm install react-data-grid
npm install react-data-grid-addons
npm install react-bootstrap

使用class App extends Component { render() { return ( <div> <Example /> </div> ); } } 启动您的服务器,然后就可以了。