前端项目实战叁拾-​react-admin+material ui-页面配置国际化

简介: 前端项目实战叁拾-​react-admin+material ui-页面配置国际化

我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你加入前端巅峰人才交流群


第一步 依赖安装


yarn add @haxqer/ra-language-chinese


第二步  引入


import chineseMessages from '@haxqer/ra-language-chinese'


const i18nProvider = polyglotI18nProvider(() => chineseMessages, 'zh');


第三步 配置


<Admin
            dataProvider={dataProvider}
            layout={appLayout}
            i18nProvider={i18nProvider}
          >
            <Resource name='t_order' list={OrderList} 
create={OrderCreate} edit={OrderEdit} />
            {/* <Resource name='t_prod_category' list={
              CategoryList
            } /> */}
            <Resource name = 't_prod_style' list = {ListGuesser} />
            <CustomRoutes>
              {/* <Route path='demo/*' element={<CategoryList/>}></Route> */}
              <Route path = "mydemo/*" element = {<MyDemo/>} />
              <Route path = "categoryman/*" element = {<CategoryList/>} />
            </CustomRoutes>
          </Admin>

image.png

相关文章
|
16天前
|
前端开发 JavaScript API
前端JS读取文件内容并展示到页面上
前端JavaScript使用FileReader API读取文件内容,支持文本类型文件。在文件读取成功后,可以通过onload事件处理函数获取文件内容,然后展示到页面上。
17 2
前端JS读取文件内容并展示到页面上
|
3天前
|
JavaScript 前端开发 网络架构
|
2天前
|
前端开发
搭建个人博客--1、前端页面
搭建个人博客--1、前端页面
6 1
|
1月前
|
前端开发
React技术栈-react使用的Ajax请求库实战案例
这篇文章介绍了在React应用中使用Axios和Fetch库进行Ajax请求的实战案例,展示了如何通过这些库发送GET和POST请求,并处理响应和错误。
36 10
React技术栈-react使用的Ajax请求库实战案例
|
23天前
|
资源调度 Kubernetes 前端开发
react-intl——react国际化使用方案
react-intl——react国际化使用方案
|
1月前
|
前端开发 JavaScript
React技术栈-React UI之ant-design使用入门
关于React技术栈中使用ant-design库的入门教程,包括了创建React应用、搭建开发环境、配置按需加载、编写和运行代码的步骤,以及遇到错误的解决方法。
28 2
React技术栈-React UI之ant-design使用入门
|
2月前
|
开发框架 前端开发 Java
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
【8月更文挑战第12天】SpringBootWeb极速入门-实现一个简单的web页面01
56 3
【前端学java】SpringBootWeb极速入门-实现一个简单的web页面01
|
14天前
|
前端开发 JavaScript
前端基础(一)_前端页面构成
本文介绍了前端页面的基本构成,包括HTML(负责页面的结构和语义)、CSS(负责页面的样式和表现)和JavaScript(负责页面的行为和动态效果)。文章通过示例代码展示了如何使用这三种技术来创建一个简单的网页,并解释了HTML文档的结构和语法。
23 0
|
1月前
|
传感器 监控 前端开发
WHAT - 通过 react-use 源码学习 React(UI 篇)
WHAT - 通过 react-use 源码学习 React(UI 篇)
|
2月前
|
JavaScript IDE 前端开发
前端开发工具配置 nodejs & git & IDE
前端开发工具配置 nodejs & git & IDE