如何在 react 表达式中传入 react node[] (节点数组)如何在 react 表达式中传入 react node[] (节点数组)我们知道 jsx 表达式允许插入reactNode以及ReactNode[],当但我们传入一个类似的东西的时候他却会报错: 123456<div className='App'> { <p>aaa</p> <p>bbb</p> 2024-01-08 技术分享 #前端 #react
奉纸填词说明文档fill poem 奉旨填词一款填词app,基于React Native开发的移动端app,选择词牌名并让这款APP帮助你开始创作 下载通过github release下载 通过百度云盘下载 提取码:vine 除此之外我还在寻找其他简单快速(并且免费)的下载服务 为什么选择奉纸填词我们有一个功能非常强大的网站:搜韵! 但是这个网站对移动端的适配并不算太友好,因此我做出了这个app并且加入了一些独 2024-01-07 #文档
奉纸填词企划书技术选型:底层框架:React Native 依赖管理:NPM UI:React Native Element Ant Design Mobile 路由:react navigation (👍!) 持久化:realm 平台Android IOS(暂不考虑) 技术难点 异步加载渲染,跳转之后先显示骨架 多重路由解决方案:react navigation CSS问题 Tab k 2024-01-07 #文档
flex-direction为row时主动换行flex-direction为row时主动换行(React native主动换行)我今天在写react-native时候,遇到了很不舒服的一件事情。因为RN默认是flex布局,所以如果我想要实现inline模式就只能设置父元素的flex-direction的value为row。这样如果我们如果想要换行需要怎么处理呢? 要知道,在RN中是没有<br>标签的,所以要想换行需要采取一些非常的 2023-12-18 技术分享 #前端 #react
el-tree选取父节点不能同时选中子节点的解决方案之前在用element-ui的el-tree组件时,发现当父组件没有展开过的时候,我们调用check-change方法时,子组件虽然会被选中但是不会触发事件。对于这个问题,我坚信element-ui官方一定考虑过并给出了解决方案。 但是在搜索引擎中排名最高的解决方案是:使用check方法代替check-change事件,但是实际上这种方法并没有效果。如果要解决问题,一个直觉但是不考虑需求的方案是默 2023-12-02 技术分享 #前端 #vue
全面理解useEffect——useEffect用法解析与使用技巧全面理解useEffectuseEffect可以说是react的hook中最强大的一个,他能够以一种极为优雅的方式模拟我们的生命周期。但是优雅的代价就是这个hook极其的晦涩,不容易被理解与掌握。下面我们就来全方位的探讨一下,useEffect到底怎么用 useEffect的结构在上一篇关于react的文章我提到过,函数式组件每次reRender都会重新执行一遍,如果我们需要生命周期的效果,那我们 2023-10-02 技术分享 #前端 #react
为何不推荐在react组件中直接定义变量?探秘useRef的使用以及userRef与useState的区别为何不推荐在react组件中直接定义变量?探秘useRef的使用以及userRef与useState的区别前言今天在写代码的时候遇到一个问题,我的一个组件需要维护一个不需要在页面中渲染的变量。那么我想,既然它不需要渲染,我直接用let变量新建一个不就可以了吗? 但是当我真正用这个let创建的变量时,才意识到大事不好,原来这么使用变量有一个大问题! 为什么要有hook要说明问题是什么,我们需要先弄明 2023-09-25 技术分享 #前端 #react
IndexDB游标的正确打开方式IndexDB游标的正确打开方式引言我最近在维护我的玩具项目react-door,当我试图使用IndexDB的游标遍历某个表时,我遇到了一些让人十分困惑的问题,下面我将带大家来复现一下事故的现场。 复现首先,在我的印象中,游标类似迭代器,所以刚开始我试图拿到游标传递出去然后在dao层调用: 123456789101112131415161718192021222324252627282930// 2023-09-22 技术分享 #前端
应该在哪里定义react函数——关于react开发规范的一些理解应该在哪里定义react函数——关于react开发规范的一些理解前言我之前有一个同事,从vue技术栈转入react技术栈,对于函数式编程还有一些不太熟悉。 最近他问了我一个问题,react函数应该定义在什么地方?他发现有些函数写在react组件之内,有些却写在react函数之外。他想知道哪种做法是最合适的。这是一个很好的问题,因为这体现了对于代码规范的追求。现在我希望在此妥善的梳理一下这个问题。 2023-09-20 技术分享 #前端 #react
在webStorm中运行ts,修复--require ts-node/register问题如果我们想要在webStorm中像运行js文件那样运行ts文件,我们可以: 全局安装ts:npm install -g typescript 全局安装ts-node:npm install -g ts-node 安装插件:File-Settings-Plugins,搜索Run Configuration for TypeScript 如果你在ts文件中右键没有出现运行代码的选项,尝试重启IDE 2023-09-12 技术分享 #前端 #node.js