![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
_小郑有点困了
我的月亮永悬不落。
展开
-
React V6实现v-if、v-show、v-html
在vue中使用v-if、v-show、v-html这些命令得心应手,那么react是否也存在这样的命令呢?似乎是没有的,需要自己实现,也就是用原生的写法直接控制dom。原创 2023-06-29 10:06:53 · 1312 阅读 · 0 评论 -
React V6实现类似与vue的eventBus
想要实现类似于vue的eventBus的功能,由一个组件通知其他一个或多个组件。应用场景:比如一个可视化大屏的界面,当筛选条件变化的时候,要同时通知到大屏中所有图表一起变化。(当然使用store也是可以的,eventbus就是相当于多了一个解决方案)两个子组件均监听到了。原创 2023-06-28 13:44:21 · 892 阅读 · 0 评论 -
React V6实现父子组件双向绑定传值
之前在写vue的时候用到一个很好用的东西,比如控制一个dialog的显示隐藏,那么可以由父组件控制它显示,子组件(即这个dialog)自己可以关闭自己,那么他们之间只维护一个visible的状态,就需要响应式的操作。父组件引入子组件,并双向传值,写法为sync。原创 2023-06-28 11:31:48 · 681 阅读 · 0 评论 -
React V6路由模式切换
用vue开发的时候就有路由模式的区别,react也是一样。history模式import {BrowserRouter, Routes, Route,Navigate,Redirect } from 'react-router-dom' //history模式 < BrowserRouter > < /BrowserRouter >hash模式import {原创 2023-06-28 11:19:03 · 139 阅读 · 0 评论 -
React V6分环境打包
注意:对于如何分环境运行不同的打包配置文件,这个还没研究,日后再弄,如果各位有分享可以粘贴评论区,一起学习。例如想要在react也要实现不同环境使用不同的api接口地址这样的想法,那么就需要根据命令自动区分环境了。分别是dev:开发环境,formal:UAT环境,prod:正式环境。然后在package.json配置运行命令/打包命令。运行项目之后,就可以打印以下。原创 2023-06-28 11:07:14 · 994 阅读 · 0 评论 -
React V6路由跳转,跳转传参(params,search,state)
React V6路由跳转,跳转传参(params,search,state)。注意:以下代码为个人笔记,不全,需自行调整,方可使用。原创 2023-06-28 10:58:02 · 1163 阅读 · 0 评论 -
React V6的ref操作
实现类似vue的ref,使用ref拿到dom,然后做一些事情。react的ref和vue3.x的ref使用方式十分相似,准确的说是vue3.x像react。。ref等号后面命名需要和const 定义的变量名一致。原创 2023-06-28 10:38:12 · 743 阅读 · 0 评论 -
React V6的dom循环(类似与v-for),动态类名,模板字符串
比如一个管理系统的左侧菜单,想用for循环来产生,那么就需要实现一个类似。的功能,react中可以这样写。原创 2023-06-28 10:30:33 · 933 阅读 · 0 评论 -
react V6使用store存取/显示
最近学了一点react的东西,以前以为就用vue走天下了,现在越来越卷了,不多学习不行了,后来还用过uniapp,原生weixin小程序比较少,原生js的公众号h5也写过一些,jq是很多年前用的了,最近也看了点flutter的东西,但是感觉flutter对于他的插件库维护的并不是很好,比如说三年前的项目,现在启动不了,可能会因为某些插件已经停止维护,或者更新语法,会跟现在的dart版本、flutter、java版本出现不适应的情况,很恶心。言归正传,这里简单小记一下react的store的使用。原创 2023-06-28 10:22:33 · 345 阅读 · 0 评论