翻译例如不工作

Question

我试图使用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。

你能帮我解决吗？

Answer 1

错字？

<Admin messages={messages} locale="en" ...>

注意，道具messages，而不是message