JankoY的博客

JSX - 通过babel-loader转译成JSbabel-loader里集成了jsx-loaderbabel-loader被webpack内置了vue-loader没有被webpack内置

路由管理点击tag标签跳转到Tag详情页面路由跳转通过Link to={’/tags/’+tag}跳转到对应的标签详情页

要点将方法写在函数内部并通过命名将其导出；// use作为前缀是自定义hook的意思返回一个对象而不是数组；// 是typescript较好支持的写法<string[]>是声明所使用的useState函数组件的类型是字符串数组在别的组件引入该useTags组件后可以使用tags，setTags数据...

1、利用…展开运算符直接传入，代替pushlet i = [1,2,3,4]this.i = [ ...i, 5]2、react的for循环列表&点击事件const event = aug => { console.log(aug)}return ( <section> <ol> {i.map(num=>{ <li key{num} onclick={()=>{event(aug)}}>{num}<

切换npm源：npm config set registry https://registry.npm.taobao.org切换yarn源：yarn config set registry https://registry.npm.taobao.org安装或更新create-react-app版本：npm i -g create-react-app查看create-react-app版本create-react-app -V使用create-react-app脚手架创建React应用程序：

引入reactcjs - CommonJS是Node.js支持的模块规范umd - 统一模块定义兼容各种模块规范（含浏览器）理论上优先使用umd，同时支持Node.js和浏览器最新的模块规范是使用import和export关键字一、从BootCDN引入react// 引入react<script src="https://cdn.bootcdn.net/ajax/libs/react/17.0.1/umd/react.development.js"></scr