团员注册网站,seo流量排名软件,html5官方网站开发流程,地方网站的建设1. 搭建环境
npx create-react-app react-basic-demo2. 基本使用
JSX 中使用 {} 识别 JavaScript 中的表达式#xff0c;比如变量、函数调用、方法调用等。 if、switch、变量声明等属于语句#xff0c;不是表达式。 列表渲染使用 map 。 事件绑定用#xff1b;on 事件名称…1. 搭建环境
npx create-react-app react-basic-demo2. 基本使用
JSX 中使用 {} 识别 JavaScript 中的表达式比如变量、函数调用、方法调用等。 if、switch、变量声明等属于语句不是表达式。 列表渲染使用 map 。 事件绑定用on 事件名称 { 事件处理函数/程序 } 小驼峰命名法 事件回调函数中可传形参 e 是该事件。 传递自定义参数时事件绑定的位置改为箭头函数的写法。 3. 组件
React 中一个组件就是一个首字母大写的函数。 4. useState
useState 向组件中添加状态变量 状态是只读的不可以直接修改 对于对象类型的状态变量应该传递一个新的对象来更改 5. 修改样式 可以使用 classnames 这个库方便进行 动态控制 class 类名 6. 获取 DOM 7. 组件通信
8. useEffect
useEffect 在组件中创建由渲染本身引起的操作如发送 Ajax 请求更改 DOM 等即非用户操作。
useEffect(() {}, [])副作用函数随着依赖项的触发而执行。 清理副作用一般在组件卸载时执行
useEffect(() {// 实现副作用逻辑return () {// 清除副作用逻辑}
}, [] )9. React Hooks
