假期React学习第一天

1，搭建环境

　　第一步：安装node.js

　　　node.js下载网址： https://nodejs.org/zh-cn/download/

　　第二步：安装React脚手架

　　　　在cmd中执行命令：cnpm install -g create-react-app

　　第三步：创建项目

　　　　在所创建的文件夹下执行cmd命令窗口，在命令窗口中执行：

　　　　　　create-react-app 项目名称

　　　　　　cd todolist

　　第四步：启动项目

　　　　　　npm start

2，自定义函数组件

　　第一步：创建js文件

　　　　新建App.js

　　第二步：编写函数组件

　　　　//1，引入react组件

　　　　　　import React from 'react'

　　　　//2，编写函数组件

　　　　　　function App(){

　　　　　　　　　　return(

　　　　　　　　　　　　<div>

　　　　　　　　　　　　　　hellow world

　　　　　　　　　　　　</div>

　　　　　　　　　　)

　　　　　　　　}

　　　　//3,向外暴露

　　　　　　export defalut App;

第三步：在index.js中引入App组件d

　　//1，引入App组件

　　　　import App from './App';

　　//2，使用组件（jsx语法）

　　　　ReactDOM.render(<App />,doccument.getElementById('root'))

　　为自定义组件传参

　　　<App title='你吃了吗' id = "adc" hellow="你好">

　　在App组件中接受参数

　　function App(props){

　　　　var a = 1;

　　　　return(

　　　　　　　　<div>

　　　　　　　　　　hellow world,{props.title},{props.id}

　　　　　　　　</div>

　　　　　　)

　　}