為什么課程會被剝奪<ul> Docusaurus 中的標簽？</ul>

Question

當我在 Docusaurus Markdown 文件中使用無序列表時，類從最終 output 中的 HTML 中刪除。

我將無序列表作為 HTML 輸入到 Markdown 文件中，例如：

<ul class="custom">
      <li>
            <a href="#">Item 1</a>
      </li>
      <li>
            <a href="#">Item 2</a>
      </li>
      <li>
            <a href="#">Item 3</a>
      </li>
</ul>

但是 Docusaurus 生成的網站上的列表 output 已經刪除了類。 因此，例如，檢查員顯示：

<ul class="">
      <li>
            <a href="#">Item 1</a>
      </li>
      <li>
            <a href="#">Item 2</a>
      </li>
      <li>
            <a href="#">Item 3</a>
      </li>
</ul>

它不會對<ol>有序列表或我注意到的任何其他 HTML 標簽執行此操作。 它也不會與<ul>上的其他屬性一起使用，所以像id這樣的東西會很好地通過。

是什么導致了無序列表的這種行為，是否有解決方法或解決方法？

Answer 1

如果您在訪問測試頁面時打開瀏覽器控制台，您可能會看到錯誤消息Warning: Invalid DOM property class . Did you mean . Did you mean className ? ，這很清楚。

試試className="custom" 。 Docusaurus 將所有內聯 HTML 呈現為 JSX 代碼。 所以你需要用 JSX 的方式來做。