Render方法 代表组件渲染出来的结果
ReactDom.render方法 可以把写好的组件挂载在dom节点上

出现这个报错：The tag <welcome> is unrecognized in this browser

原因：浏览器无法识别标记，react组件首字母要大写

1. 把组件挂载在DOM节点上，所有的文件都是从一个主入口文件挂载，这个主入口文件就是src/index.js 

2. ReactDOM库是负责React和DOM之间的交互，调用ReactDOM.render方法就可以把组件加载到DOM

3.  组件的写法有函数式组件和类组件
   

第一支程式

#Readme

项目文档

#package.json

项目依赖、命令

#public公共文件

index.html：主页 root节点是程序的主入口

#src文件

app文件与样式文件

#新建组建(使用es6的语法)

1，src文件夹下，创建Welcome.js

2，引入依赖 import

3，新建类 extends React.component

4，新建render(){}方法，显示结果

    return <h1> Hello React</h1>

5，导出整个类

    export default Welcome

6，把Welcome component挂在到节点上

    打开index.js，使用ReactDOM进行挂载

ReactDOM.render可以把写好的组件挂载到DOM节点上

render方法代表组件渲染出来的结果

index.js是js的主入口

root节点是程序的主入口

render()方法代表组件显示的结果，可以直接return

index.js 主入口文件，所有组件都需在内挂载

#Readme

项目文档

#package.json

项目依赖、命令

#public公共文件

index.html：主页 root节点是程序的主入口

#src文件

app文件与样式文件

#新建组建(使用es6的语法)

1，src文件夹下，创建Welcome.js

2，引入依赖 import

3，新建类 extends React.component

4，新建render(){}方法，显示结果

    return <h1> Hello React</h1>

5，导出整个类

    export default Welcome

6，把Welcome component挂在到节点上

    打开index.js，使用ReactDOM进行挂载

webpack

es6语法

ReactDOM.render(<Welcome/>, document.getElementById('root'))

补充ES6语法相关知识

新建welcome.js file

import React from 'react'

• react component 中的 render方法

• ReactDOM.render(jsx-element, real-dom):

  • jsx-element --> real-dom

• jsx 语法糖