手动执行调用run传参，还是通过refreshDeps使用组件函数作用域中的变量

[mrdulin]

import { useRequest } from 'ahooks';
import { FC, useState } from 'react';

function editUsername(username: string): Promise<string> {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('ok');
    }, 1000);
  });
}

export const App: FC<{ name: string }> = ({ name }) => {
  const [state, setState] = useState('');

  const editUsernameRequest1 = useRequest(() => editUsername(state), {
    manual: true,
    refreshDeps: [state],
    onSuccess: (result) => {
      console.log('[EDIT_1] result:', result, ', params: ', state);
    },
  });

  const editUsernameRequest2 = useRequest(
    (username) => editUsername(username),
    {
      manual: true,
      onSuccess: (result, params) => {
        console.log('[EDIT_2] result:', result, ', params: ', params);
      },
    }
  );

  return (
    <div>
      <input
        onChange={(e) => setState(e.target.value)}
        value={state}
        placeholder="Please enter username"
        style={{ width: 240, marginRight: 16 }}
      />
      <button
        disabled={editUsernameRequest1.loading}
        type="button"
        onClick={editUsernameRequest1.run}
      >
        {editUsernameRequest1.loading ? 'Loading' : 'Edit1'}
      </button>

      <button
        disabled={editUsernameRequest2.loading}
        type="button"
        onClick={() => editUsernameRequest2.run(state)}
      >
        {editUsernameRequest2.loading ? 'Loading' : 'Edit2'}
      </button>
    </div>
  );
};

测试步骤：输入1 -> edit -> 输入2 -> edit

Logs:

两种方式都可以获取到相同的result和params，文档需要说明这两种方式的区别

stackblitz

[liuyib]

传了 manual 参数后，refreshDeps, refreshDepsAction 参数就失效了（传了也没啥用），这点目前文档里没提到，已经提 PR 改进了：https://github.com/alibaba/hooks/pull/2408/files, 还未合并

回到正题，你提供的 demo 中两个 request 的配置是等价的：