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>
  );
}