# ReactDemo **Repository Path**: springff/react-demo ## Basic Information - **Project Name**: ReactDemo - **Description**: React 菜鸟教程练习 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 1 - **Created**: 2021-03-28 - **Last Updated**: 2022-03-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # React学习 ## React 教程 HelloWorld ```html Hello React!
``` React 安装 ## React 元素渲染 ### 替换元素内容 #### 创建新元素进行替换 ```html Hello React!
``` ## React JSX > JavaScript的扩展版本，速度快，更安全 添加class属性 自定义标签属性 类似js样式引用 表达式 if语句 注释 样式 数组 ## React 组件 > React组件 Component？ 渲染内容的封装？ 组件封装 function 组件封装 extends React.Component 组件参数的获取 复合组件 ## React State(状态) > 将数据保存在state中，通过更新组件的 state（状态）达到重新渲染UI的目的， state 保存数据 生命周期 数据传递 ## React Props > 组件的属性，与状态state不同的是，state中和动态的添加、修改不同的{key:value}，而 props 定义之后的name是无法修改，能够通过props传递值（return 只能够返回一个标签对，多个标签需要用
标签对包裹） pros 传递值 设置默认属性 state 和 Props 互相调用 PropTypes 类型要求好像没有用？ ## React 事件处理 React 条件渲染 React 列表 & Keys React 组件生命周期 React AJAX React 表单与事件 React Refs