为什么我的dangerouslySetInnerHTML 呈现的内容被修改？

Question

我有以下react代码：

const externalMarkup = `

<a data-refpt='DN_0OKF_177480_ID0EMPAC' />

<ol>

    <li value='1'>

        <p>

            <strong>Some Title</strong>

        </p>

        <ol>

            <li value='1'>

                <a data-refpt='DN_0OKF_177480_ID0EACAC' />

                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non ligula arcu. Nulla lobortis, purus et ultrices interdum, quam velit lobortis quam, blandit fringilla eros mauris at neque. Duis non nisl egestas mi fermentum laoreet. Vivamus ultricies odio sed leo vestibulum pulvinar. Quisque vitae libero sed velit hendrerit rhoncus non in nunc. Donec vulputate ante dolor, at aliquet odio tempus in. Sed orci urna, ullamcorper in nulla tempor, sollicitudin eleifend lectus. Aliquam posuere vel nisl porttitor elementum. Mauris quis dolor sagittis, tempus nunc quis, pharetra lectus. Integer semper laoreet tempor. Proin vel nunc in quam posuere vehicula. Cras sollicitudin dolor eu vehicula laoreet. Etiam lacus diam, tincidunt id congue id, mattis ac tortor. Vestibulum congue vestibulum egestas. Etiam in fermentum quam.</p>

            </li>

        </ol>

这是它的代码笔。

的html出现，当我看着它在精细然而渲染DevTools我得到元素的一些疯狂的递归从原来的不同html：

为什么我会遇到这种情况，我该如何纠正？

Answer 1

a标签不能根据 html 规范自闭合