refactor: replace useCallback with useHandler

[chenzn1]

Types of changes

• New feature
• Bug fix
• Enhancement
• Documentation change
• Coding style change
• Component style change
• Refactoring
• Test cases
• Continuous integration
• Typescript definition change
• Breaking change
• Others

Background and context

Solution

How is the change tested?

Changelog

Component	Changelog(CN)	Changelog(EN)	Related issues
Anchor	使用 useHandler 替换 useCallback	replace useCallback with useHandler	#1776

Checklist:

• Test suite passes (npm run test)
• Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others should be submitted to main branch)

Other information

[chenzn1]

先改 Anchor ，如果可以的话，后面再替换其它地方。

[github-actions]

Prepare preview

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 4372b66:

Sandbox	Source
arco-react-pr-template	Configuration

[yinkaihui]

https://codesandbox.io/s/rough-night-qvjs72?file=/demo.js 这种写法好像在这个场景里有问题？

[chenzn1]

https://codesandbox.io/s/rough-night-qvjs72?file=/demo.js 这种写法好像在这个场景里有问题？

fnRef.current.fn 初始化那里写错了

const fnRef = useRef({
    originalFn: fn,
    fn: (...args) => {
      return fnRef.current.originalFn.apply(undefined, args)
    }
  });

这样才可以
@yinkaihui