我们可以在表单之外使用 useActionState 返回的操作吗？

Question

当前反应文档说：

useActionState 是一个 Hook，允许您根据 表单操作的结果。

文档中的示例：

import { useActionState } from 'react';
import { action } from './actions.js';

function MyComponent() {
  const [state, formAction] = useActionState(action, null);
  // ...
  return (
    <form action={formAction}>
      {/* ... */}
    </form>
  );
}

我们不能使用上面示例中的

formAction

outside 表单吗，比如在

onClick

的

div

处理程序内部？就像这里：

import { useActionState } from 'react';
import { action } from './actions.js';

function MyComponent() {
  const [state, formAction] = useActionState(action, null);
  // ...
  return (
    <div onClick={()=>formAction()}>
      {/* ... */}
    </div>
  );
}

似乎还有其他人对此也感到困惑。 在this视频中，它也用于外部表单。

Answer 1

是的，

useActionState

可以在之外使用。

引用 React Pull 请求动机：