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

Question

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

有人可以列出命令和说明如何在没有任何框架知识的情况下从头开始，所以npm start看起来像这样？

例如

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-react-app：

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

从这里开始，阅读文档然后转到源代码： http ://adazzle.github.io/react-data-grid/examples.html#/basic

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

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

让你的服务器启动，npm start你就准备好了。