前端国际化 JS 库 => i18n lng 属性表示你选择的哪种语言,fallbacklng 属性表示你的备选语言( 在主选语言查询不到的时候,会在 fallbacklng 中进行查找 )resources 中的每个对象代表的是一种语言,需要自定义,我此处是将语言单独创建文件进行引入。由于我选择的语言是日语,所以此处的退出登录就会被翻译成 ログオンの終了。在跟组件创建语言文件并建立 i18n.ts ( 任意名字都可 )下载 JS 国际化库。
React Vite 构建工具如何查看代码占用体积 首先安装 Vite 中的 rollup-plugin-visualizer 插件。接着在你的 vite.config.ts 中引入并且使用到 plugins 中。接着进行打包,生成 dist 文件之后会自动为你打开页面进入查看,如下。
React 函数组件配置 websocket 封装【长链接】 然后使用 nodemon xxx ( 你 nodejs 代码的文件我此处是叫 ) websocket.js。此处消息监听可根据后端返来的具体字段数据做判定,重新调用接口更新页面数据 || 实现其它功能。打开终端运行 cnpm install xs , cnpm install nodemon。那么我开启就需要使用 nodemon websocket.js 即可打开 node 进行链接。也可链接本地 node 做测试。websocket 封装示例。
new FormData 同时发送表单 json 以及文件二进制流 接着将你的对象 json 存储,注意使用 new Blob 创建大表单转换成 json 格式。需要新增时同时发送表单 json 以及对应的文件即可使用以下方法传参。首先通过 new FormData() 创建你需要最后发送的表单。在这里我将所有的 File 文件存储到 useState 中。我使用的是 antd design 的 upload 组件。接着发送的同时将所有的文件再次添加到 FormData 中。接着处理文件,一般是 xlsx,pdf,xls 等等。