jquery引用antd流程

在使用jQuery引用Ant Design（antd）的过程中，你需要确保已经安装了这两个库。以下是基本步骤：

1. **安装依赖**:
- 首先，如果你还没有安装Node.js，需要下载并安装它。然后通过命令行工具全局安装npm（Node Package Manager）。

   npm install -g create-react-app

2. **创建React项目**:
使用`create-react-app`创建一个新的React应用项目。

   npx create-react-app my-app
   cd my-app

3. **安装antd和jQuery**:
在项目的`package.json`中添加antd和jQuery作为依赖项。

   npm install antd @types/jquery jquery --save

或者直接运行：

   npm install --save antd @types/jquery jquery

4. **引入库**:
在`src`文件夹下的`index.js`或`App.js`等入口文件中，导入jQuery和antd组件。

   import $ from 'jquery';
   import 'antd/dist/antd.css'; // 引入antd的样式
   import { Button } from 'antd'; // 只需引入你需要的部分组件

   // 如果你打算全局使用jQuery，可以在这里挂起
   window.$ = window.jQuery = $;

5. **使用antd组件**:
现在你可以像这样在组件中使用antd的按钮组件了。

   function App() {
     return (
       <div className="App">
         <Button type="primary">点击我</Button>
       </div>
     );
   }

6. **编写jQuery代码**:
jQuery和React可以和平共处，不需要特别的配置。例如，你可以使用jQuery选择器操作DOM元素。

   document.getElementById('myButton').on('click', function () {
     alert('Button clicked with jQuery');
   });

记得，在实际项目中，为了保持代码清晰，通常推荐使用React的生命周期方法或状态管理库（如Redux）来处理数据交互，而不是直接操作DOM。