【react 函数组件tab切换】

react 函数组件tab切换

第一章react 函数组件的学习与使用 !

`react函数组件tab切换

函数组件tab

提示：这里可以添加本文要记录的大概内容：

从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。我们可以将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。以便提高组件的复用性，优化代码。

提示：以下是本篇文章正文内容，下面案例可供参考

一、函数组件是什么？

函数组件语法更短、更简单，这使得它更容易开发、理解和测试。
类组件也会因大量使用 this 而让人感到困惑。使用功能组件可以很容易地避免这种缺点，保持代码整洁。
当业务逻辑复杂，用类组件更易于我们维护，也相应降低了开发成本。
函数组件多用于简单功能模块封装，便于复用；

二、使用步骤

1.创建脚手架命令

代码如下（示例）：

1.创建脚手架
     npm install -g create-react-app
2.版本号
     create-react-app --version
3.项目名
     create-react-app day01
4.暴露
     npm run eject  
5.下载模拟命令
     npm i axios mockjs react-router-dom@5
6.下载react-vant插件
    npm i react-vant@next
7.终端打开
      npm start
函数组件快捷键
      rfce   

2.创建文件

代码如下（示例）：

该处使用的url网络请求的数据。

—

总结

以上就是今天要讲的内容，本文仅仅简单介绍了函数组件的使用，而函数组件提供了快速便捷地处理数据的函数和方法。