Module '"antd"' has no exported member 'Icon'.

根据你提供的错误信息，看起来你在尝试从 "antd 模块中导入名为 "Icon" 的成员，但是该模块中并没有名为 "Icon" 的导出成员。

在最新版本的 Ant Design 中，"Icon" 组件已经被废弃，取而代之的是 "@ant-design/icons" 模块。你可以使用该模块来导入图标。

首先，确保你已经安装了 "@ant-design/icons" 模块。你可以通过运行以下命令来安装：

npm install @ant-design/icons

然后，在你的代码中，使用以下方式导入所需的图标：

import { ReactComponent as IconName } from '@ant-design/icons/IconName';

在上面的代码中，"IconName" 是你想要导入的具体图标名称。你可以在 Ant Design 官方文档中找到完整的图标列表。

请注意，"@ant-design/icons" 模块使用了 SVG 图标，所以你需要确保项目支持 SVG 图标的加载和渲染。

希望这能帮助你解决问题！如有更多疑问，请随时提问。

相关问题

antd-mobile-v2.surge.sh

antd-mobile-v2.surge.sh 是一个网站的地址，使用了 antd-mobile v2 的 UI 组件库来构建移动端界面。antd-mobile 是由 Ant Design 团队开发的 React UI 组件库，它提供了丰富的组件和样式，可以方便地构建美观、易用的移动端界面。而 surge.sh 则是一个静态网站托管服务，可以将静态网站部署到云端，方便地进行分享和访问。

在antd 4.x中react.js调用父组件的this.props.form 进行重置表单

在 Antd 4.x 中，可以使用 `Form.useForm()` 方法来获取表单对象，然后使用表单对象的 `resetFields()` 方法来重置表单。

具体操作步骤如下：

1. 在父组件中使用 `Form.useForm()` 方法获取表单对象，并将其传递给子组件。

import { Form } from 'antd';

class ParentComponent extends React.Component {
  formRef = React.createRef();

  render() {
    return (
      <div>
        <ChildComponent form={this.formRef.current} />
      </div>
    );
  }
  
  componentDidMount() {
    this.formRef.current.resetFields();
  }
}

export default Form.create()(ParentComponent);

2. 在子组件中，通过 `props` 获取父组件传递的表单对象，并在需要重置表单时调用 `resetFields()` 方法。

import { Button } from 'antd';

class ChildComponent extends React.Component {
  handleReset = () => {
    const { form } = this.props;
    form.resetFields();
  }

  render() {
    return (
      <div>
        <Button onClick={this.handleReset}>重置</Button>
      </div>
    );
  }
}

export default ChildComponent;

注意事项：

- 在父组件中，需要将 `Form.create()` 包装的组件传递给 `Form.useForm()` 方法，才能获取到表单对象。
- 在父组件中调用 `resetFields()` 方法时，需要等到表单对象已经被渲染完成后再调用，否则可能会出现 undefined 的错误。可以使用 `componentDidMount()` 方法来保证表单对象已经被渲染完成。