脚步不能达到的地方，眼光可以达到；眼光不能达到的地方，精神可以飞到

react基础06--react综合案例-电商网站导航1 介绍2 案例设计模块2.1 分类导航数据模型设计2.2 一级分类导航切换高亮效果2.3 显示二级分类导航2.4 路由跳转到二级导航的商品列表2.5 商品搜索3 注意事项4 说明1 介绍继上文 react基础05–react-router 路由, 本文将根据上述01-05小节的基础知识实现一个小型电商网站的基础导航和搜索模型.分类导航是一个很重要且常见的功能, 常见美团App商品 菜品都是一级导航， 京东、淘宝等商城多为二级甚至三级导航。本文将实

react基础05--react-router 路由1 介绍2 方法&案例react-router 路由的基本使用路由传参Switch 路由匹配嵌套路由3 注意事项4 说明1 介绍react基础04–redux 管理数据 中介绍了redux 管理数据的方法，并配以实际案例。本节继上文继续介绍 react-router，实现单页面内部跳转功能。2 方法&案例安装路由npm i react-router-dom --savereact-router 路由的基本使用通过对route

react基础04--redux 管理数据介绍方法&案例在多个组件中使用Store中的数据规范 store 写法修改Store中的数据refs属性获取元素对象redux-thunk 中间件注意事项说明介绍react基础03–render渲染、组件生命周期、组件通信 中介绍了React render渲染、组件生命周期、组件通信等重要知识。本文在其基础上继续介绍 redux 数据管理的方法，并配以实际案例。实际项目中，很多时候需要在多个组件或者多个页面显示统一个数据，例如商品数量，如果通过参数传递

react基础03--render渲染、组件生命周期、组件通信1 介绍2 方法&案例2.1 render 方法2.2 state 状态更新2.3 生命周期函数2.4 组件通信3 注意事项4 说明1 介绍react基础02–基础函数&自定义函数组件&属性 中介绍了组件基础函数、自定义函数组件的方法，以及如何设置组件属性。本文在其基础上继续介绍，render渲染、组件生命周期函数、组件通信等常用的方法概念，并配以实际案例。2 方法&案例2.1 render 方法vim

react基础02--基础函数&自定义函数组件&属性1 介绍2 方法案例2.1 使用函数2.2 引用组件2.3 props 属性2.4 自定义class组件3 注意事项4 说明1 介绍本文在 react基础01–初次体验 react 的基础上继续学习基础函数、自定义函数组件、props属性 和 自定义class 组件，并配合实例加以说明。2 方法案例2.1 使用函数清理无用的文件，只保留 index.html 和 index.jsvim index.html<!DOCTY

react基础01--初次体验 react介绍安装 Node.js安装 React 手脚架说明介绍本文主要介绍node的安装和react手脚架的搭建过程，并启动一个基础的react demo。安装 Node.js安装node# wget https://nodejs.org/dist/v16.13.1/node-v16.13.1-linux-x64.tar.xzvim ~/.bashrcexport NODE_HOME=/home/xg/soft/node-v16.13.1export PA