
React
React学习指南
皮喆
无限进步
展开
-
React兄弟组件通信
A组件先通过子传父的方式把数据传递给父组件App。App拿到数据之后通过父传子的方式再传递给B组件。机制,通过共同的父组件进行兄弟之间的数据传递。原创 2024-10-15 21:53:36 · 212 阅读 · 0 评论 -
React父子通信-子传父
核心思路:在子组件中调用父组件中的函数并传递参数。原创 2024-10-15 21:52:38 · 242 阅读 · 0 评论 -
React组件通信
概念:组件通信就是组件之间的数据传递, 根据组件嵌套关系的不同,有不同的通信手段和方法A-B 父子通信B-C 兄弟通信A-E 跨层通信。原创 2024-10-14 21:43:55 · 385 阅读 · 0 评论 -
React表单控制
概念:使用React组件的状态(useState)控制表单的状态。概念:通过获取DOM的方式获取表单的输入数据。原创 2024-10-14 21:40:36 · 162 阅读 · 0 评论 -
React组件基础使用
概念:一个组件就是一个用户界面的一部分,它可以有自己的逻辑和外观,组件之间可以互相嵌套,也可以服用多次。原创 2024-10-13 13:50:31 · 729 阅读 · 0 评论 -
React的事件绑定
语法:事件绑定的位置改造成箭头函数的写法,在执行clickHandler实际处理业务函数的时候传递实参console.log('button按钮点击了', name)return (注意:不能直接写函数调用,这里事件绑定需要一个函数引用同时传递事件对象和自定义参数语法:在事件绑定的位置传递事件实参e和自定义参数,clickHandler中声明形参,注意顺序对应console.log('button按钮点击了', name,e)return (原创 2024-10-13 13:46:01 · 346 阅读 · 0 评论 -
React介绍
React由Meta公司开发,是一个用于 构建Web和原生交互界面的库。原创 2024-10-13 13:15:35 · 232 阅读 · 0 评论 -
React之JSX
使用引号传递字符串使用JS变量函数调用和方法调用使用JavaScript对象 :::warning 注意:if语句、switch语句、变量声明不属于表达式,不能出现在{}中 ::: JSX高频场景-列表渲染 JSX高频场景-条件渲染 JSX高频场景-复杂条件渲染原创 2024-10-13 13:27:16 · 526 阅读 · 0 评论