Пользовательский атрибут пространства имен в JSX / React

Question

Как я уже понял, React JSX не поддерживает теги пространства имен по умолчанию. Но допустим, у меня есть следующий компонент:

render() {
  return (
    <div><!-- This should contain th:text -->
      ...
    </div>
  );
}

и я хочу, чтобы этот компонент отображался в:

<div th:text="value">
  ...
</div>

Как я могу добиться, чтобы th:text="value" было добавлено к отображаемому выводу?

Answer 1

Нашли решение через несколько минут:

const i18n = {
    "th:text": "${#foo.bar}"
};

render() {
  return (
    <div {...i18n}>
       ...
    </div>
  );
}