作为React初学者的React-data-grid

Question

我有一个任务来创建一个看起来像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 

谢谢。

Answer 1

使用create-反应-应用：

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 

Start here，阅读文档，然后进入源代码： http://adazzle.github.io/react-data-grid/examples.html#/basic

粘贴源代码到App.js，然后才将以下代码粘贴您的示例类：

class App extends Component { 
    render() { 
    return (
     <div> 
     <Example /> 
     </div> 
    ); 
    } 
} 

让您的服务器与npm start和你是se吨。