<div>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> A </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> B </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> C </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> D </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> E </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> F </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> G </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> H </label>
<label className='tag'><BsFillCheckCircleFill className="tag-icon"/> I </label>
</div>
I am having trouble inputting class names, tags and texts at the same time.
2
Answers
You can loop like this one:
You can either use
map
,for loop
orforEach loop
.Using Map,
Using for loop and forEach is also quite similar just wrap your code within
{ }
. Still you can see the documentation from https://developer.mozilla.org/en-US/docs/Web/JavaScript