如何在组件标题中使用翻译？

Question

我在国际化项目中使用 react-translate-redux，但我不知道如何在组件属性中使用翻译。具体来说，我希望将组件的标题文本国际化。

我会尝试下面的方法，

<Button title={<Translate id="button">}>

但是Type 'Element' is not assignable to type 'string'.

如何将标题文本国际化？

Answer 1

如果你想使用翻译组件，你不能将它作为道具传递，你必须将它作为子组件传递并在你的按钮渲染方法中使用 this.props.children 渲染它。

如果 Button Component 是一个外部组件，你必须像 Flavor 2this 中那样使用 prop 函数