你华还是你华

在Web开发领域，React框架以其高效的组件化设计和灵活的生态系统赢得了广泛的认可。然而，随着项目规模的扩大，如何高效地管理路由和数据成为了开发者必须面对的问题。本篇文章将围绕的进阶使用与Redux的状态管理展开，旨在帮助读者掌握路由优化、模块化重构以及复杂数据操作的方法。首先，我们将深入探讨的进阶特性，包括路由的优化、模块化重构以及高级路由特性的使用。通过实例演示，你将学会如何优化路由性能、提升代码的可维护性，并灵活利用提供的强大功能来构建复杂的单页面应用（SPA接下来，我们将回顾并扩展。

本节主要讲了中的3个基本命名Api的使用Switch，Route。首先我们要想有个路由切换的效果功能，需要将Route写在标签里，并且有属性path代表匹配的路由，component代表匹配的组件，exact接收布尔值，代表是否精确匹配。Switch标签又包裹Route标签，代表着如果前一项匹配成功就不往下走。好的，React-Router的基础使用暂且先到这。

1-1、项目初始的时候下面的语言是空的，语言列表是空的时候，那么选择学习语言的按钮就是不能点击的状态；1-2、当添加语言为空时，会提示你输入语言；1-3、当语言列表不为空的时候点击选择学习语言时会随机选择列表中的一种语言；1-4、点击清除按钮会把语言全部清除；完成小项目之前先来试试react中input框的使用吧。

（PS：这些在官网都可以找到，那这边为什么会有两个CDN文件呢，学过Vue的都应该知道Vue的话只有一个CDN文件，那么在React中其实第一个是基础React语法比如jsx语法还有一些核心的语法都在这个里面，第二个CDN，react-dom就是把我们的这个react渲染到web页面的一个库，为什么分开呢，之前还合在一起，因为现在react能做很多，不仅仅是web页面，还可以开发App（react-native），现在引入react-dom告诉react现在应用的是dom的平台也就是网页平台。如果你写好的东