我有一项任务是创建一个看起来像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
谢谢。
答案 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>
);
}
}
启动您的服务器,然后就可以了。