通过 React Native 中的 react-native-render-html 将 Text 节点替换为 React Element

Question

问题

我正在使用react-native-render-html在React Native中渲染一些 html 。 问题是这个 html 包含一些占位符，例如{{{placeholder:items:0}}}应该替换为React Element 。

代码

我正在使用本示例中概述的当前onText function：

  function onText(text) {
    const toReplace = text.data.match(gemstoneRegex);

    if (toReplace?.length) {
      let [placeholder] = toReplace;
      placeholder = placeholder.replace(/\{/g, "");
      placeholder = placeholder.replace(/\}/g, "");

      const [name, position] = placeholder.split(":items:");

      text.data =
        (
          <Gemstone
            stones={[gemstones[name]?.de[position]]}
            displayTitle={gemstones[name]?.de[0]?.displaytitle || name}
            fieldName={name}
          />
        ) || `${name} couldn't be replaced!`;
    }
  }

这适用于简单的文本字符串，但不幸的是不适用于React Element 。 有没有办法做到这一点？ onElement function 似乎具有添加和删除元素的实用方法。 文本节点也可以吗？