antd 子组件向父组件传值

在 React 中，子组件向父组件传值的常用方式是通过回调函数。以下是一个使用 Ant Design 的子组件向父组件传值的示例：

import React from "react";
import { Button } from "antd";

class ChildComponent extends React.Component {
  handleClick = () => {
    // 触发回调函数，将值传递给父组件
    this.props.onChildClick("Hello from child!");
  };

  render() {
    return (
      <Button onClick={this.handleClick}>Click me</Button>
    );
  }
}

class ParentComponent extends React.Component {
  handleChildClick = (value) => {
    console.log(value); // 输出子组件传递的值
  };

  render() {
    return (
      <div>
        <h1>Parent Component</h1>
        <ChildComponent onChildClick={this.handleChildClick} />
      </div>
    );
  }
}

export default ParentComponent;

在上面的代码中，子组件 `ChildComponent` 中有一个按钮，当按钮被点击时，会触发 `handleClick` 方法，该方法会调用父组件传递的回调函数 `onChildClick`，并将参数传递给它。在父组件 `ParentComponent` 中定义了 `handleChildClick` 方法来接收子组件传递的值，并在控制台中输出。通过这种方式，子组件可以向父组件传递值。