div 태그 내부에 전달될 때 목록으로 표시되도록 자바스크립트 문자열을 만들고 싶습니다.

Question

JavaScript를 사용하여 div 태그 안에 특정 형식의 항목 목록이 포함된 문자열을 표시하려고 합니다. 문자열에는 글머리 기호 목록으로 표시하려는 여러 항목이 포함되어 있습니다. 다음은 문자열 예입니다.

<code>const items = "항목은 다음과 같습니다:n1.mango"

<p><code>div</code> 태그 내에서 다음과 같이 표시되도록 문자열 형식을 지정하고 싶습니다. </p>
<pre class="brush:php;toolbar:false;">다음 항목은 다음과 같습니다.
1. 사과
2.망고

저는 React와 Tailwind CSS를 사용하고 있는데 이 문제는 React 구성 요소와 관련이 있습니다.

Answer 1

매핑 방법을 반복하고 "/n"이 발견될 때마다 분할할 수 있습니다. 또는 이 목적을 위해 순서가 지정된 목록을 만들 수 있습니다. 예를 들어, 아래 코드를 찾으세요.

으아악

다음은 실행 중인 위 코드의 스크린샷입니다. 위 코드를 실행하세요

Answer 2

문자열을 줄바꿈으로 분할한 다음 여러 단락 태그에 매핑해야 합니다

으아악

그런 다음 HTML로:

으아악

이제 목록이 올바르게 표시됩니다. 항목이 가운데에 있고 왼쪽으로 정렬되도록 하려면 목록에 text-align: left를 입력하세요. css class