Ich habe einen Status:

const [budget, setBudget] = React.useState<{ name: string; budget: number | null }[]>();

Ich versuche, ein TextField zu verwenden, um diesen Status basierend auf dem Namen und Wert des Eingabefelds zu aktualisieren:

budget.map((item) => { content.push(  ); });

Ich weiß, das ist eine seltsame Situation, aber die Eingabefelder sind keine vorgegebenen Werte, also muss ich sie dynamisch rendern, was das Leben schwer macht.

Ich habe die folgende onChange-Funktion ausprobiert, aber sie funktioniert nicht:

const handleChange = (event: React.ChangeEvent) => () => { const newOne = budget?.map((item) => Object.entries(item).map(([key, value]) => { if (key === event.target.name) { return [key, event.target.value]; } return [key, value]; }) ); setBudget(newOne); };

Ich habe versehentlich viele Arrays erstellt und die folgende Fehlermeldung erhalten (ich bin mir nicht sicher, wie ich nur die Schlüssel und Werte zurückgeben soll):

Argument of type '(string | number | null)[][][] | undefined' is not assignable to parameter of type 'SetStateAction<{ name: string; budget: number | null; }[] | undefined>'.