React 回调函数

React 回调函数是在特定的事件发生时执行的函数。它们通常用于处理用户交互、异步操作或组件生命周期中的特定阶段。

在React中，回调函数可以通过Props传递给子组件，以便子组件可以在适当的时候调用它们。例如，你可以将一个回调函数传递给一个按钮组件，当用户点击该按钮时，回调函数就会被触发。

以下是一个简单的示例，展示了如何使用回调函数：

import React from 'react';

function Button(props) {
  return <button onClick={props.onClick}>Click me</button>;
}

function App() {
  function handleClick() {
    console.log('Button clicked!');
  }

  return (
    <div>
      <h1>React Callback Example</h1>
      <Button onClick={handleClick} />
    </div>
  );
}

export default App;

在这个例子中，我们定义了一个`Button`组件，它接受一个名为`onClick`的回调函数作为Props。然后，在`App`组件中，我们定义了一个名为`handleClick`的函数，并将它作为回调函数传递给`Button`组件。

当用户点击按钮时，`handleClick`函数就会被调用，并在控制台中输出"Button clicked!"。

这只是一个简单的例子，实际上你可以在React中的各种场景中使用回调函数，以便处理不同的事件和操作。