- 博客(14)
- 收藏
- 关注
RSS订阅原创 mobx的使用教程
2、 创建store类，分为四步，第一步数据初始化，第二步将数据变成响应式，第三步创建修改数据的方法，第四步new一个实例，然后导出，供react使用，见下图。1、安装 我们需要安装两个，一个mobx，一个是mobx-react-lite(中间件，让组件变成响应式)3、react如何调用。
2023-05-18 22:08:48
1038
原创 react 路由
有个需要注意的点，如果使用第二种方式，需要先在路由那边配置一个参数占坑，这边类似vue。获取参数需要通过useSearchParams。
2023-05-18 21:02:00
105
原创 react hooks
1、useState：用来修改状态，相当于类式组件中的this.setState()，那么，在函数式组件中，我们如何使用useState，首先他有个固定写法，下面我用count举例说明。4、useContext（函数式组件中，跨组件通信hooks），写法和类式组件稍有不一样。3、useRef，如果要通过useRef获取子组件的话，那子组件要是用类式组件定义的。2、useEffect，请看备注。
2023-05-18 15:36:13
90
原创 react 组件通信 父传子 子传父 跨组件通信
3.跨组件通信，需要引入createContext,然后从中解构出Provider,Consumer,Provider包裹住传递数据的父组件，并配置value属性（固定写法），value对应的key就是要传递的数据，然后在子组件中使用Consumer，Consumer标签中写上箭头函数（固定写法），value就是父组件传递过来的数据。1、父传子，这边是父组件分别给两个子组件传递了message参数，函数式子组件接受父组件的传值，需要在参数那边写上props，而类式子组件，则需要this.props。
2023-05-17 23:17:47
281
原创 react 类式组件
4、state中的数据必须要通过setState去修改（和小程序有点类似，在小程序中是通过setData去修改data中的数据）2、在类式组件中定义状态（即state），如果没有state，称之为无状态组件。3、在类式组件中，return一定要写在render函数里面。1、在类式组件中，不能使用hooks。
2023-05-17 21:14:02
61
1
原创 react基础知识-02
(1)jsx中必须有一个根节点，可以使用幽灵标签<></>(2)jsx中支持多行或换行，但是需要使用（）包裹。(3)jsx中,属性名使用驼峰式命名法。1.如何在jsx中编写样式呢？第二种，className。(4)所有标签必须闭合。
2023-05-15 21:47:37
53
原创 react 基础语法-01
jsx是javascript 和xml的简写,是javascript的语法扩展，浏览器无法识别，需要用babel进行转义，2.jsx语法如何渲染数组，在vue中，可以通过v-for指令去渲染数组，而在jsx中，我们可以通过map。表达式片段(jsx表达式必须要写在{}里面，{}里面不可以写条件语句，比如if,switch等条件语句）第三种写法，简单表达式不可以满足的情况下，可以抽成一个函数，然后再花括号里面调用即可，也保证了模板的干净。1.jsx 条件渲染。
2023-05-15 21:27:50
53
原创 首页的修改和头部内容的编辑
默认的pages文件夹里有index文件夹，里面的index文件就是默认的入口页面，但是我认为这不是很合理，以我的经验来看，应该在pages文件夹里面就有一个index文件这个就是入口页面，而且应该就是一个空壳子，以后可能会有一些全局的样式啊，设置啊，遮罩啊啥的，或者什么下拉加载什么的，所以预留一下，真正的首页应该再创建一个main的文件夹。1、引入子组件，和vue一样，inport 、components不多说了，第二个知识点来了，所有的页面，以及页面的头部、底部都是在这个里面配置的，
2023-04-13 16:28:13
98
原创 从零开始手机app开发
开一个专题，准备从零开始自己开发一个app，边学边开发，希望坚持下去，共勉~首先要确定技术：使用Hubilder创建一个uni-app的项目。
2023-04-13 15:45:58
38
原创 单例模式的loading组件封装
loading.vue里面写的就是loading的html内容和样式，这里是两个旋转的圆圈的效果，并且有两种模式，一个带遮罩一个不带遮罩。然后在main.js里面引入这个js，再挂载在Vue实例上面，这样所以的组件都可以直接使用了，而且不用担心生成多个loading。这里直接使用单例模式输出一个Loading的实例，实例有loading方法，用来新增一个loading，默认没有遮罩的。1、创建一个Loading组件的文件夹包含一个js文件，和一个vue文件。close方法把dom移除。
2023-04-10 16:07:07
226
原创 结合Elementui实现文字溢出才展示Tooltip
虽然elementui的表格有内容溢出显示tooltips的配置项，但是只适用于简单的数据展示，如果自定义的内容，或者默认展示两行再溢出就不适用，所以，参考elementui的实现方式进行自己的修改。1、一个简单的表格，列可以是任何自定义的html结构，样式也是两行展示。场景：表格中内容溢出展示...鼠标移上去展示tooltip。2、随便在哪个位置加一个el-tooltip。主要是定义一个鼠标移入和移除的方法。js部分（vue3）
2023-03-30 10:50:34
1378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人