我的感觉，react开发效率不高。这当然应该是我还不熟悉react的缘故。但是，在阅读react代码过程中，其中一个容易困惑的
原创
2024-07-23 12:04:35
34阅读
从几个月前开始，我在新开发的React组件中不再使用setState。我并没有停止使用局部组件状态，只是不再用React来管理这些state，这是很不错的一个选择。对于React初学者来说，使用setState是比较棘手的。即使是经验丰富的React开发者，在使用React本身的状态管理机制时，也经常会出现一些比较微妙的bug，例如：忘记setState是异步的导致的bug：控制台的输出总是落后一
作者：Dmitri Pavlutin译者：前端小智状态是隐藏在组件中的信息，组件可以在父组件不知道的情况下修改其状态。我更偏爱函数组件，因为它们足够简单，要使函数组件具有状态管理，可以useState() Hook。本文会逐步讲解如何使用useState() Hook。此外，还会介绍一些常见useState() 坑。1.使用 `useState()` 进行状态管理 无状态的函数组件没有状态，如下所
作者：Shadeed 最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它谢谢各位了。github 地址：https://github.com/qq449245884/vue-okr-treeuseEffect() 主要用来管理副作用，比如通过网络抓取、直接操作 DOM、启动和结束计时器。虽然useEffect() 和 useState(管理状态的方法)是最常用的钩子之一，但需要一些时间
转载
2024-08-08 07:47:30
150阅读
前言在上一篇博客中了解了列表组件的相关内容，主要是静态的展示了一个列表数据，了解了ScrollVIew，FlatList和SectionList的基本用法，本篇文章就深入的了解一个常用的一个列表组件FlatList的用法！属性添加头部组件ListHeaderComponent属性用来给FlatList添加头部组件 简单使用：//ES6之前写法
_header = function () {
r
转载
2024-07-05 19:49:03
97阅读
<Radio.Group> {linksList?.map((item) => ( <Radio key={item.key} value={item.key}> {item.value} </Radio> ))} </Radio.Group>
原创
2022-07-31 00:03:04
70阅读
create-react-app 项目中使用Antd（按需加载 以及 less 配置） 大概很多一部分人在使用create-react-app 构建好的React 项目运行环境，在选择Antd 最为React组件的UI 库时，有必要对其按需加载的配置。本来对与UI 的配置来说一般不复杂，但是在这里需要一些注意的配置项，打算还会写了这么一篇文章作为记载，希望能帮助到关于此配置问题的伙计 Men.索
React使用过程知识点随手记.txt0.create-react-app新建项目1.弹出配置2.添加路由模块3.修改webpack配置，让引入模块支持src写法4.如何修改react的默认访问端口30005.export和export default的区别6.react中dangerouslySetInnerHTML使用7.react-native-uuid使用8.yarn打包及部署到生产环境
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>解构赋值</title> <script> // let a, b; let arr = ['孙悟空', '猪八戒']; /* a = arr[0]; b =
原创
2022-11-12 01:17:52
117阅读
前言面试遇到一道题，使用 React 实现移动端物流单据列表查询功能。好家伙，React 咱已经一年多没碰过了（主要是项目都是用的 vue ，只能额外找时间学习 React ）。既然挑战来了，刚好也可以复习一下 React ，所以咱花了一天时间将它封装成了复用组件，当其他页面也用到差不多的列表时，直接搬来用。这里使用到了 Antd-mobile 组件库（毕竟人生苦短，该偷懒还是得偷懒的）废话不多说
转载
2024-05-07 16:43:17
166阅读
React+Typescript最佳实践前言随便叨叨一句，TypeScript是一个JavaScript的类型化超集，可以编译成纯JavaScript，比如随便新建一个index.ts文件，随便来个函数，然后cd到该文件，执行tsc index.ts就可以编译成js文件了，当然前提是全局安装了typescript。 关于typescript的好处，网上一大把原因，这里不赘述，从我的开发经验看：Ty
调试接口API 调试工具是用来对 API 接口进行调试的。比较出名的有 Postman，Insomnia、Postwoman 等。本节以 Insomnia 为例。首先，需要跳转到 Insomnia 官网，下载（Insomnia Core）：https://insomnia.rest/download然后执行安装。然后，配置开发环境。配置完之后，就可以根据接口（例如：和风天气接口）的使用规则，在 I
转载
2024-10-22 16:32:25
102阅读
前言react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react特性，而不仅限于 class 组件。react hooks 的出现，标示着 react中不会在存在无状态组件了，只有类组件和函数组件。具体可查看官网。优势：函数组件不能使用state，遇到交互更改状态等复杂逻辑时不能更好地支持，hooks让函数组件更靠近cla
转载
2024-04-07 13:10:00
524阅读
