前端项目实战叁拾-​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>

 运行演示

posted @ 2023-07-13 09:15  前端导师歌谣  阅读(30)  评论(0)    收藏  举报  来源