在React最终形式中，SetState在onSubmit上不起作用

的原因是因为在React中，setState是一个异步操作。当我们在onSubmit事件处理程序中调用setState时，React可能会延迟更新组件的状态，而不是立即更新。这是为了优化性能，避免不必要的重新渲染。

解决这个问题的方法是使用event.preventDefault()来阻止表单的默认提交行为，并在setState之前执行。这样可以确保在更新状态之前，表单的默认行为被阻止，从而避免出现不一致的状态。

以下是一个示例代码：

import React, { useState } from 'react';

function MyForm() {
  const [inputValue, setInputValue] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    // 阻止表单的默认提交行为

    // 在这里进行其他的表单验证或处理逻辑

    setInputValue(event.target.value);
    // 更新状态
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" value={inputValue} onChange={(event) => setInputValue(event.target.value)} />
      <button type="submit">Submit</button>
    </form>
  );
}

export default MyForm;

在这个示例中，我们使用useState来创建一个名为inputValue的状态，并将其绑定到input元素的值属性上。在handleSubmit函数中，我们首先调用event.preventDefault()来阻止表单的默认提交行为，然后再更新状态。

这样，无论是在onSubmit事件中还是在其他事件中，都可以正确地使用setState来更新状态。