我有一些状态：

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

我试图使用一个TextField根据输入字段的名称和值来更新该状态：

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

我知道这是一个奇怪的情况，但输入字段不是预先确定的值，所以我必须动态渲染它们，这让生活变得困难。

我尝试了以下的onChange函数，但它不起作用：

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); };

我无意中创建了很多数组，并且得到了以下错误（不确定如何仅返回键和值）：

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