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