JavaScript を使用して、アイテムのリストを含む文字列を div タグ内に特定の形式で表示しようとしています。文字列には、箇条書きリストとして表示したい項目がいくつか含まれています。以下に文字列の例を示します:

const items = "これらの項目は次のとおりです:\n1. apple\n2. mango"; 

div タグ内に次のように表示されるように文字列をフォーマットしたいと考えています。

これらの項目は次のとおりです。 1.リンゴ 2.マンゴー

React と Tailwind CSS を使用していますが、この問題は React コンポーネントに関連しています。