Saya mahu mencipta rentetan javascript supaya apabila ia diluluskan di dalam tag div ia dipaparkan sebagai senarai

Question

Saya cuba menggunakan JavaScript untuk memaparkan rentetan yang mengandungi senarai item dalam format tertentu di dalam teg div. Rentetan mengandungi beberapa item yang saya ingin paparkan sebagai senarai bertitik tumpu. Berikut ialah contoh rentetan: constitems="Thesearetheitems:
1.apple
2.mango";

P粉893457026 · Answer

Anda boleh mengulangi kaedah pemetaan dan membahagikannya apabila ia menemui sebarang "/n". Sebagai alternatif, anda boleh membuat senarai tersusun untuk tujuan ini. Sebagai contoh, cari kod di bawah.

import React from 'react';
    
const items = "
1. apple
2. mango";

const ListComponent = () => {
    const itemList = items.split('
').map((item, index) => {
        const trimmedItem = item.replace(/^\d+\.\s/, '');
        if (item.trim()) {
          return { trimmedItem};
        }
        return null;
    });

    return (
        
            Here is the list:
            These are the items:
            {itemList}
        
    );
};

export default ListComponent;

Berikut ialah tangkapan skrin bagi kod di atas yang sedang berjalan Jalankan kod di atas

P粉376738875 · Answer

Anda harus membelah rentetan dengan baris baharu dan kemudian memetakannya kepada beberapa tag perenggan

const items = "These are the items:
1. apple
2. mango";

// or if you want it t be reactive:
const [items, setItems] = useState("These are the items:
1. apple
2. mango");

Kemudian dalam html:

    
      {items.split('
').map((el) => (
         {el}
       ))}

Sekarang senarai dipaparkan dengan betul, jika item berada di tengah dan anda mahu ia dijajar ke kiri, hanya taip text-align: left dalam kelas css senarai