React教程-初入

学习了React很久，一直没有机会总结下，最近打算写一个简单的React，希望让初学者一看就懂，不走弯路,我尽量写的简明点
好了开始吧！
首页我们要利用npm安装 react（当然你也可以用引用方式）跟着下面步骤：

npm install -g create-react-app 
 create-react-app my-app 
 cd my-app
 npm start //这条命令就是启动react这个项目

如果你打开my-app目录跟我上面的一样，那么我们继续
打开App.js,把多余的代码删除了，像我这样就好，react是jxs语法来写

 

 下面开始写组件，我们在div里面：

 import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
         组件一
      </div>
    );
  }
}

export default App;  //现在App就是一个组件，export default会把App暴露出去，让其他组件引入

我们打开index.js文件，你会看到 import App from './App'   (这句话的意思是，引入App.js这个组件)

ReactDom.render(<App/>,document.getElementById("root"))  这句话会把 App这个组件挂载到index.html文件的id为root的div里面

 import在es6里面可以引入export default 暴露出来的组件

 

转载于:https://www.cnblogs.com/complete94/p/8568431.html