ReactJS
(68)react usestate set 数据，要等下一次打开界面才能生效
## bug 现象
在 Antd Pro 的 React 项目中，列表页，编辑一条记录。
为什么我点击了编辑按钮，弹窗显示的还是上一次打开的数据。
## 问题分析
这是一个 React 状态管理的问题。问题出在 CreateForm 组件
React Native 开发 Windows 客户端
在春节假期，使用 React Native 成功开发了两款 Android App 之后。我突然想试试是否可以用 RN 开发 Windows 客户端试试，毕竟是微软官方支持的，而且 github 上 star 数也很多，应该是靠谱的。不妨动
React Native 跨平台应用开发教程
尝试了一下 React Native 开发 Android App 及 Web 版本应用，发现 RN 非常好用，体验也非常丝滑。在我的红米 K80 手机上，完全感觉不到是 JS 开发的 APP。相比用原生代码开发多套，确实效率提升 N 倍。
React Native 开屏画面 splash screen
编译出来的 React Native Android App 在打开时，有个开屏画面，一闪而过。
虽然不到一秒，但是也算非常显眼了。
这个官方的学名为 Splash Screen:
> The SplashScreen mod
大年初一用 react native 开发了一款笔记 app
假期写了好几天 react native，发现越发的熟练，于是顺手开发了一个 Android 版本的 博客 app，这样就能随时在手机上写笔记了。
一共实现了三个功能界面，登录界面，列表展示页面，编辑页。
![](https:/
React Native 获取当前手机系统语言，或者浏览器语言
之前开发 app 都是基于手机系统 locale 实现多语言翻译就行。
但是在 AI 横行的时代，又多了一项需求，就是根据手机系统的语言，自动返回对应语言的聊天内容。
这样就需要传递一个语言参数给后台接口。
## la
React Native Gifted Chat 显示 vimeo 视频
## vimeo 插件
https://www.npmjs.com/package/react-native-vimeo-iframe
## renderMessageVideo
但是直接使用 Vimeo 组件，会报错：
React Native Gifted Chat 中渲染 Markdown 消息
晚上实现了 React Native Gifted Chat 中渲染 Markdown 消息，折腾完之后，我甚至感觉 React Native 的库比 React 的库都可靠。
## 安装依赖
https://www.npmjs.c
Expo 官方文档适合作为 React Native 的入门教程
Expo 这个文档写的非常好。通俗易懂。细节也到位。强烈推荐。甚至比 React Native 国内的书籍要好很多。
https://docs.expo.dev/tutorial/introduction/
一共分9个小节, 把
React Native 项目打包为 Web 版本
用 React Native 开发了一个聊天的 APP，想同时支持 App 和 Web 版本。
之前一直以为 React Native 只能开发 Android 和 iOS 版本的 APP，没想到还能直接打包为 Web 版本。（当然微软也
上一页
下一页