
React 项目相关
项目配置、性能优化、组件封装
GotYoung
这个作者很懒,什么都没留下…
展开
-
修改 React 引入的组件样式,添加className
今天做了一个购物车的按钮组件,由于是放在很多个页面,就把它作为一个公共组件用。在不同的页面样式不一样。一开始是在引入的组件起样式名 className ,但是页面解析不出来。后来就在原来的组件命名就可以解析出来了。所以可以在任意页面对 公共组件购物车按钮 进行样式的修改,直接获取它的className 即可。总结:对于引入的组件无法添加className,只能在原来的组件添加。...原创 2022-05-07 14:51:46 · 1209 阅读 · 0 评论 -
React 项目 详情页获取到的数据渲染不出来
获取到的数据信息外面有个 下标 ,需要在暴露数据时使用 createSelector// selectorexport let getGoodDetail = (state) => { return state.detail.goodDetail;};export let showGoodDetail = createSelector([getGoodDetail], (goodDetail) => { return goodDetail.length > 0 ?.原创 2022-05-06 19:40:34 · 631 阅读 · 0 评论 -
Vue滚动行为 与 React 滚动行为 的添加方法
解决的问题:A页面跳转至B页面,B页面停留在A页面浏览的位置,未回到页面顶部。Vue滚动行为:在路由组件加上以下函数即可const router = new VueRouter({ routes, // 默认值 hash前面带#; el:#/index/home mode: "hash", // mode:"history" scrollBehavior(to, from, savedPosition) { // return 期望滚动到哪个的位置原创 2022-05-06 14:39:13 · 206 阅读 · 0 评论 -
axios与 fetch 封装请求,二选一
axios与 fetch 区别:axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范。axios特点:1.从浏览器中创建 XMLHttpRequest2.支持 Promise API3.客户端支持防止CSRF4.提供了一些并发请求的接口(重要,方便了很多的操作)5.从 node.js 创建 http 请求6.拦截请求和响应7.转换请求和响应数据8.转载 2022-05-01 14:37:27 · 809 阅读 · 0 评论 -
React 侧边栏显示二级商品
今天遇到的问题:问题①:点击侧边栏时相应的商品分类id没有改变;问题②:侧边栏的id改变了,但是商品显示不出来。解决问题①:ant 插件库的使用错误:onChange事件应当设置在SideBar 标签,我把它放在了SideBar.Item;且onChange 的回调应当与SideBar.Item 的key值 保持一致(key值也就是商品分类的id)问题②:侧边栏的id改变了,但是商品显示不出来。解决问题②:一开始我是用createSelector 去做分类的改变 响应 商品的..原创 2022-05-06 11:12:50 · 294 阅读 · 0 评论