Biarkan React memberikan teg penutup input?

Question

Saya ada permintaan luar biasa. Tapak web saya dibina menggunakan React dan saya mahu orang ramai dapat menyalin HTML tapak web awam ke dalam komponen React mereka sendiri.

Satu-satunya masalah yang saya ada ialah input tidak mempunyai teg penutup apabila diberikan oleh React.

Kedua-dua ini adalah HTML yang sah

<input id="input-1" value="foo">
<input id="input-2" value="foo" />

Namun, hanya yang kedua berfungsi jika ditampal terus ke dalam komponen React. Adakah terdapat cara untuk memaksa React untuk memaparkan teg penutup input pada tapak saya?

Answer 1

Pertimbangkan untuk menjalankan rentetan sumber html yang disalin melalui alat seperti html kemas. Jika anda ingin memformat dalam penyemak imbas, pertimbangkan Lebih Cantik. Lihat contoh di bawah. Semoga berjaya!

  const output = prettier.format("", {
    parser: "html",
    plugins: prettierPlugins,
  });

  // Send to server or update your clipboard.
  console.log(output)

sssccc
sssccc