如何为动态生成的多种表单设置initialValues？反应/配方

Question

我一直在努力寻找如何设置动态生成的表单的initialValues的方法。关于如何实现这一目标的任何想法？

我在代码沙箱中有一个示例代码：https://codesandbox.io/s/nice-snowflake-nw79k

我尝试为输入字段分配一个硬值，但它实际上无法正常工作，因为现在我的输入字段默认情况下具有值test，但是该字段的值不再更改。

<TextField
              name={attr.name}
              label={attr.label}
              variant="outlined"
              margin="dense"
              color="secondary"
              key={i}
              onChange={data.props.handleChange}
              value="test"
            />

也尝试设置状态，但最终陷入无限循环。

if (data.length !== 0) {
    setInitialValues(data.attr);
} else {
    values.bookAttributes.forEach(attr => {
       initialValues[attr.ATTRNAMEID] = "";
    });
}