React学习笔记之二：认识index.js

2.index.js

先创建一个react工程

create-react-app first-react
cd first-react
npm start

我们打开目录下的index.js文件，从入口文件开始认识react

// index.js
import React from 'react';
// ReactDom用于页面渲染
import ReactDOM from 'react-dom';
// index.css用于处理页面样式
import './index.css';
// App 是一个组件
import App from './App';
import * as serviceWorker from './serviceWorker';

// 用ReactDOM.render来将元素渲染到页面中
ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

Note:

1. 在index.js中，导入的App是一个组件，将组件通过ReactDom.render就可以渲染到页面上 React是ReactJs的核心
2. React 开发的过程就是通过开发各类组件，并将各类组件拼接成我们所需要的页面

---