reactjs - 使用 react-html-parser 时如何防止在 ReactJS 中更改用户定义组件的大小写？

Question

我正在尝试使用react-html-parserrawJSX将以下字符串转换为 JSX 。

import ReactHtmlParser from "react-html-parser";

function StrToJSX() {
    let rawJSX = `<h1> Hello World! </h1>
    <MyParagraph> I am a programmer. </MyParagraph>`;

    return ReactHtmlParser(rawJSX);
}

react-html-parser将所有标签和组件转换为小写，即将MyParagraph组件转换为小写为myparagraph.

但是我不想改变我定义的组件的大小写，即我希望在从字符串转换为 JSX 之后，MyParagraph应该是MyParagraph，它不应该转换为myparagraph.

为什么我不想改变大小写：根据ReactJS 的官方文档，用户定义的组件必须大写。如果它们没有大写，它们将被视为 HTML 标记。