react vant 基础用法具体代码

React Vant 是一套基于 React 的移动端 UI 组件库，具有丰富的组件和灵活的配置。以下是 React Vant 的基础用法示例代码：

1. 安装 React Vant：

npm install @vant/react

2. 在项目中引入 React Vant 组件：

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@vant/react';

function App() {
  return (
    <div>
      <Button>按钮</Button>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));

3. 使用 React Vant 组件：

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from '@vant/react';

function App() {
  const handleClick = () => {
    console.log('点击了按钮');
  };

  return (
    <div>
      <Button type="primary" onClick={handleClick}>
        按钮
      </Button>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));

以上代码演示了如何在 React 中使用 React Vant 的 Button 组件，并添加点击事件处理函数。

更多 React Vant 组件的使用方法可以参考官方文档：https://vant-contrib.gitee.io/vant-react/#/zh-CN/home