Don't use HTML strings with React

[oliverjam]

week5-bereket-minju/src/components/movies.jsx

Lines 33 to 35 in c89c27d

	if (category === "all" && releaseYear >= min && releaseYear <= max) {
	list += /*html*/ `
	<li>

week5-bereket-minju/src/components/movies.jsx

Line 57 in c89c27d

return <ul>{parse(list)}</ul>;

Using strings of HTML like this is not a good idea in React. For a start (as you noticed) it forces you to bring in some other library that can understand HTML. Also React already supports rendering DOM elements natively, so this isn't necessary.

Instead of building up a string of HTML you can build up an array of React Elements using JSX:

let list = [];
for (...) {
  list.push(<li>...</li>)
}
return <ul>{list}</ul>

React can handle an array of elements like that just fine

[minju25kim]

use loop instead of string