翻译例如不工作
问题描述:
我试图使用translating your own component翻译例如不工作
这样的例子我这样做是在app.js
:
const messages = {
en: {
myroot: {
hello: {
world: 'Hello, World!',
},
},
},
};
const App =() => (
<Admin message={messages} locale="en" ...>
<Resource name="myresource" edit={EditPage} />
,在我Translation
组件:
import React from 'react';
import { translate } from 'admin-on-rest';
const Translation = ({ translate }) => (
<button>{translate('myroot.hello.world')}</button>
);
export default translate(Translation);
终于在我的EditPage
:
import Translation from 'path/to/Translation';
export const EditPage = (props) => (
<Edit {...props}>
<Translation />
</Edit>
);
它不适合我。它只是在按钮中显示myroot.hello.world
。
你能帮我解决吗?
答
错字?
<Admin messages={messages} locale="en" ...>
注意,道具messages
,而不是message