![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
夏天的一朵云
这个作者很懒,什么都没留下…
展开
-
React中ref获取元素的宽度、高度
定义HTMLParagraphElement类型属性pvcDesDom:HTMLParagraphElement2.componentDidMount中获取高度。componentDidMount() { setTimeout(function () { this.setState({ scrollHeight: this.pvcDesDom.scrollHeight }) }.bind(this))}3.元素上追加ref原创 2020-08-20 22:33:48 · 15241 阅读 · 1 评论 -
React实现全局组件的Toast轻提示效果
Toast是常用的轻提示弹框,常用于页面loading和提示语弹窗。本例基于React实现一个随时可调用且不随页面渲染的全局组件。需求分析Toast 不需要同页面一起被渲染,而是根据需要被随时调用。Toast 是一个轻量级的提示组件,它的提示不会打断用户操作,并且会在提示的一段时间后自动关闭。Toast 需要提供几种不同的消息类型以适应不同的使用场景。Toast 的方法必须足够简洁,以避免不必要的代码冗余。如何使用首先引入import Toast from './components/原创 2020-08-15 23:11:51 · 2624 阅读 · 2 评论 -
react 配置development test prod 环境
首先可以参考一下官方文档添加自定义环境变量怎么创建环境接下来进入正文1、创建 .env.development, .env.test, .env.prod文件# 默认测试环境 .env.developmentREACT_APP_ENV=dev# 预发布环境 .env.testREACT_APP_ENV=test# 线上环境 .env.prodREACT_APP_ENV=prod注:必须是以REACT_APP开头的变量 才可以2、npm install dotenv-cli -原创 2020-07-13 07:46:47 · 861 阅读 · 0 评论 -
react中webpack.config.js配置lessless-loader less
1、安装less-loader和lessnpm install less-loader less -sava--dev2、暴露webpack配置文件yarn run eject 如果遇到如下问题,可具提示需commit ,这是git地址有问题,输入如下命令行git add .git commit -am "Save before ejecting"然后再输入:yarn run eject 就可以了注意:如果还是不行,将项目传到github,建立本地连接,再输入:yarn run原创 2020-07-12 16:18:53 · 603 阅读 · 0 评论