JSFiddle - React, Tailwind, and code Playground

HTML

<!--<?xml version="1.0" encoding="utf-8" ?>/!-->
<hangulQuiz>
	<characters>
		<baseVowels>	
			<entry id="0">
				<unicode>1161</unicode>
				<pronounce>ah</pronounce>
				<pronounceWords>father</pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>jungseongA</audiofile>
			</entry>
			<entry id="1">
				<unicode>1165</unicode>
				<pronounce>uh</pronounce>
				<pronounceWords>son</pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>jungseongEO</audiofile>
			</entry>
			<entry id="2">
				<unicode>1169</unicode>
				<pronounce>oh</pronounce>
				<pronounceWords>home</pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>jungseongO</audiofile>
			</entry>
			<entry id="3">
				<unicode>116E</unicode>
				<pronounce>u</pronounce>
				<pronounceWords>flute</pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>jungseongU</audiofile>
			</entry>
			<entry id="4">
				<unicode>1173</unicode>
				<pronounce>oo</pronounce>
				<pronounceWords>book</pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>jungseongEU</audiofile>
			</entry>
			<entry id="5">
				<unicode>1175</unicode>
				<pronounce>i</pronounce>
				<pronounceWords>police</pronounceWords>
				<otherInfo>(ee)</otherInfo>
				<audiofile>jungseongI</audiofile>
			</entry>
		</baseVowels>
		<nonSetConsonants>
			<entry id="0">
				<unicode>1102</unicode>
				<pronounceInitial>n</pronounceInitial>
				<pronounceMedial>n</pronounceMedial>
				<pronounceFinal>n</pronounceFinal>
				<pronounceWords></pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>choseongNieun</audiofile>
			</entry>
			<entry id="1">
				<unicode>1105</unicode>
				<pronounceInitial>n, r, or silent</pronounceInitial>
				<pronounceMedial>r</pronounceMedial>
				<pronounceFinal>l</pronounceFinal>
				<pronounceWords></pronounceWords>
				<otherInfo></otherInfo>
				<audiofile>choseongRieul</audiofile>
			</entry>
			<entry...