Silent Bug auf der React JS Anime-Liste ⇐ JavaScript

[Anonymous]

Kann mir jemand helfen, einen Fehler in meinem React JS-Code zu beheben? Wenn ich der Eingabespalte einen Anime-Namen hinzufüge und auf die Schaltfläche „Anime hinzufügen“ klicke, ändert sich überhaupt nichts an der Anime-Liste. Ich kann in meiner Browserkonsole oder meinem VSCode-Terminal keine Fehler finden. Hier sind die Details meines Codes:

Code: Select all

import React, {useState} from 'react';

function AnimeList(){

const [anime, setAnime] = useState(["Attack on Titan", "Kimi No Wa", "Sakamoto Days"])

function handleAddAnime(){
const animeAdd = document.getElementById("animeInput").value;
document.getElementById("animeInput").value = "";

setAnime([...anime, animeAdd]);

}

return(

Anime list
[list]
{anime.map((anime, index) => [*]{anime})}
[/list]

Add Anime

)
}

export default AnimeList