Как я могу использовать переводы в названии компонента?

Question

Я использую response-translate-redux в проекте по интернационализации, но я не знаю, как использовать переводы в свойствах компонента. В частности, я хотел бы, чтобы текст заголовка компонента был интернационализирован.

Я бы попробовал ниже,

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

но Type 'Element' is not assignable to type 'string',

Как я могу интернационализировать текст заголовка?

Answer 1

Если вы хотите использовать Translate Component, вы не можете передать его как реквизит, вы должны передать его как дочерний компонент и отобразить его с this.props.children в вашем методе рендеринга кнопок.

Если Button Component является внешним компонентом, вы должны использовать функцию поддержки, как в Flavor 2