在 React useCallback hook 中，回调函数中的参数从哪里来

Question

假设我有一个像这样的 useCallback 函数

export const useMenu = (id1, id2, id3) => useCallback(({row, column, id}, myProps) => {
    doSomething()
}, [id1, id2, id3]);

我正在这样调用 useMenu 函数

const myMenu = useMenu(123, 345, 567);

所以我只是想了解我从哪里得到这个行、列和myProps's值?

Answer 1

它们是稍后调用时必须传递给 myMenu 函数的参数，例如 myMenu({ row: 123 })。有关示例，请参见下面的代码段：

const useMenu = (id1, id2, id3) => React.useCallback(({row, column, id}, myProps) => {
    console.log('got row of', row);
}, [id1, id2, id3]);
const App = ({ id1, id2, id3 }) => {
  const myMenu = useMenu(123, 345, 567);
  React.useEffect(() => {
    myMenu({ row: 123 });
  }, []);
  
  return 'app';
};
ReactDOM.render(<App />, document.querySelector('.react'));

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div class="react"></div>

对于您的代码，请查看调用 myMenu 的内容以了解参数的确切来源。

在 React useCallback hook 中，回调函数中的参数从哪里来

In React useCallback hook, From where does the parameters come inside the callback function

callback

reactjs

react-hooks