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

时间:2019-06-20 21:54:35

标签: reactjs redux react-redux react-localize-redux

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

我会尝试以下

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

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

如何使标题文本国际化?

1 个答案:

答案 0 :(得分:0)

如果要使用翻译组件,则不能将其作为道具传递,而必须将其作为子组件传递,并在Button Render方法中使用this.props.children进行渲染。

如果Button Component是一个外部组件,则必须使用风味2中的this中的prop函数