Question

如何正确管理此particular UI-表单的状态，用户可以在其中添加输入字段（添加输入按钮）和添加输入部分（添加部分按钮）。

我认为这将是我的初始状态，在这里我可以将每个数组对象映射为输入部分，并将每个params数组映射为输入数目。

const [values, setValue] = useState([
  {
    params: ['1 input']
  },
  {
    params: ['2 input','2 input']
  }
])

我无法理解如何为params数组添加值，如何传递初始状态？

Answer 1

基本上，您正在更新某些事件的值，例如单击按钮时因此您需要捕获该事件，并在事件触发时更新数据，然后使用setValues()

function handleOnClick(input){
  const updatedValues = [...values];
  updatedValues[0].params.push(input)
  setValue(updatedValues);
}

Answer 2

类似的东西应该起作用：

final StoredProcedureQuery query = manager.createStoredProcedureQuery("generate_namespace");
query.registerStoredProcedureParameter(1, UUID.class, ParameterMode.IN);
query.setParameter(1, idSubscription);
final Object[] result = (Object[]) query.getSingleResult();
return manager.find(Namespace.class, result[0]);

如何使用react钩子useState正确处理动态表单

2 个答案: