- 博客(16)
- 收藏
- 关注
原创 鸿蒙开发-根据不同的屏幕尺寸动态调整布局或样式
鸿蒙总结来说,这段代码定义了一个可以根据不同的断点(如手机、平板等)动态返回不同值的类,并在实际使用中根据当前的断点设置元素的宽度。这是一种响应式设计模式,可以根据不同的屏幕尺寸或断点动态调整布局或样式。指定,这意味着它们可以是任何类型,例如数字、字符串、对象等。实例,传入一个对象,该对象包含三个属性,分别对应不同的断点(作为参数,以获取当前断点对应的值。来确保返回值的类型与泛型参数。这些属性的类型由泛型参数。方法接收一个字符串参数。,并根据这个参数的值返回。这个类接收一个泛型参数。),每个属性的值都是从。
2024-12-06 15:19:26
469
原创 react 使用useEffect做分页取数据
使用useState存数据使用useEffect监听页码page,页码改变重新获取数据点击按钮加载更多使page+1
2024-10-06 02:02:44
459
原创 react useEffect生命周期
useEffect 接收两个参数。参数一:是一个回调函数;参数二:是一个依赖数组;当依赖数组中的数据发生改变之后回调函数会重新执行useEffect 对应的生命周期钩子函数如下:1、第二个参数为空数组的时候,回调函数只有在组件初始化的时候执行2、第二个参数不存在的时候,回调函数会在每一次数组更新的时候都会执行3、参数二中的数组存在数据的时候,那么回调函数会在数组中的任何一个数据改变之后执行4、参数一的回调函数可以返回一个 function,这个返回的 function 在组件
2024-10-06 01:54:33
529
原创 react TodoList新增、完成(按钮)、删除(按钮)
4、写循环(把每条数据传给Todos进行展示)3、把list当作一个属性传给Todos列表。2、为input添加了一个save方法。1、监听键盘(回车)事件。5、取出每条数据进行展示。
2024-10-04 04:45:30
546
原创 react制作广告弹窗
1、点击按钮(或者在钩子函数中控制)‘打开广告’显示广告遮罩层。4、使用按钮控制倒计时(后续可在钩子函数中控制)2、点击‘X’ 关闭遮罩层。3、设置计时器,自动关闭。
2024-10-02 00:59:57
822
原创 react组件传值
注意:如果Cartoon方法的name和animation报错:'name' is missing in props validation eslint(react/prop-types)在List组件中写一个Cartoon组件,接收一个对象{ name, animation },再List组件中调用Cartoon组件,并传入两个值name,animation。在Cartoon方法的上面添加 // eslint-disable-next-line react/prop-types。
2024-09-29 11:11:30
343
原创 react循环展示数据
react、前端、JavaScript、前端框架、循环、循环列表、创建项目、新建项目、npm run dev、list、运行、删除默认代码、rfce
2024-09-27 14:08:58
321
原创 React从创建到运行
cd vite-project - (进入项目,vite-project是我的项目名,输入cd后点tab键补全)(4)按着ctrl键+鼠标左键单击,此页面就是项目运行后出现的界面(项目中有默认的内容,后续可以删除)(3)使用启动命令:npm run dev,回车后出现一个http地址。(1)终端输入命令:npm init vite@latest,回车。(3)听过键盘上下间 选择React,回车。(1)首先需要进入项目文件夹,并安装依赖。(2)此处是创建项目的名字,回车。
2024-09-26 15:12:18
798
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人