react
文章平均质量分 93
夜近天溟
这个作者很懒,什么都没留下…
展开
-
React Hooks Error: Hooks can only be called inside the body of a function component
通过npm link调试React Hook的组件的坑。npm有个npm link 命令,可以让我们不需要每次都发布npm包就可以进行本地调试,但是当我们引用的本地npm包里有使用React Hook的组件,那么基本就会出现多个react副本的报错;解决方法不好找,但也很简单,就是在父级项目的(注意,不是被link的npm包)webpack.config.js里添加下面的别名: resolve: { alias: { 'react': path.resolve原创 2020-11-06 17:19:24 · 3351 阅读 · 0 评论 -
react 使用css module踩坑记录
根据react的webpack配置:如果要开启css module, 那么就在新建样式时加.module即:mystyle.module.css或mystyle.module.scss如果没有加.module, 那么就是使用不开启css module的配置...原创 2019-09-12 11:31:37 · 1650 阅读 · 0 评论 -
react-router-dom 路由切换页面跳转到顶部
问题描述: 在react里使用路由跳转页面的时候, 如果页面不是在顶部, 那么在跳转完成以后, 页面是不会自动跳到顶部的。如果用过Vue的朋友应该知道, Vue的Vue-router是有一个配置项, 可以监听路由跳转, 然后对滚动条做出自定义操作的:new Router({ scrollBehavior: ()=>({y:0}), // 用箭头函数返回一个对象, x表示...原创 2019-09-12 13:58:24 · 3003 阅读 · 0 评论 -
React使用children渲染子组件方法
在Vue里, 渲染子组件可以使用slot插槽, 不仅能指定子组件渲染位置, 还能通过指定name属性来有选择地渲染, 但是在React里就没有这种组件了。 当然, React也不是没有办法实现slot组件的功能, 通常就是用 this.props.children这个属性:class Parent extends Component { render() { ...原创 2019-09-30 14:38:02 · 4532 阅读 · 0 评论 -
redux+react-redux+redux-thunk构建react的状态管理器
本文是学习redux时的一些感悟以及对流程的记录, 包含redux的同步及异步处理。这里就不对redux和react-redux作过多的介绍了。直接结合代码来解释一些遇到的问题和理解。1.目录结构该目录是基于create-react-app生成的项目, 添加了redux文件夹存放redux的处理逻辑├── README.md├── package.json├── pub...原创 2019-09-27 17:18:07 · 571 阅读 · 0 评论