übersetzen Beispiel nicht funktioniert

Question

Ich versuche, das Beispiel von translating your own component

zu verwenden, damit diese in ich tue app.js:

const messages = { 
    en: { 
     myroot: { 
      hello: { 
       world: 'Hello, World!', 
      }, 
     }, 
    }, 
}; 
const App =() => (
    <Admin message={messages} locale="en" ...> 
    <Resource name="myresource" edit={EditPage} /> 

und in meiner Translation Komponente:

import React from 'react'; 
import { translate } from 'admin-on-rest'; 

const Translation = ({ translate }) => (
    <button>{translate('myroot.hello.world')}</button> 
); 

export default translate(Translation); 

schließlich in meinem EditPage:

import Translation from 'path/to/Translation'; 

export const EditPage = (props) => (
    <Edit {...props}> 
    <Translation /> 
    </Edit> 
); 

es funktioniert nicht für mich. Es zeigt nur myroot.hello.world in der Taste.

könnten Sie mir bitte dabei helfen?

Answer 1

Typo?

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

Beachten Sie, dass die Stütze ist messages und nicht message