react 的简单使用

安装脚手架

npm install create-react-app -g  //全局安装 react 的脚手架

创建项目

create-react-app   //创建一个自定义名称的项目

文件说明

 index.js 入口文件

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

//JSX 语法
//  就是 JS普通对象
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  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();

React: 专门用于创建组件和虚拟DOM的同时组件的生命周期都在这个包中
ReactDOM: 专门进行DOM操作的，最主要的应用场景，就是 ReactDOM.render()
ReactDOM.render() 讲对象挂载到页面中，
 参数一：对象，
 参数二：dom元素