![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
Saladbobo
这个作者很懒,什么都没留下…
展开
-
Nginx支持 React browser router
Nginx支持 React browser router修改nginx配置文件,添加try_file配置如下,即可实现对 React browser router 的支持。location / { root /var/www/mysite; try_files $uri /index.html;}但是该方式也会存在缺点,只要/index.html存在,服务端就不会响...原创 2019-03-06 16:33:00 · 646 阅读 · 0 评论 -
react异步加载组件
react异步加载组件1. 创建 asyncComponent 异步加载工具import React from 'react'function asyncComponent(loadComponent){ class AsyncComponent extends React.Component{ static defaultProps = { ...原创 2019-04-01 16:02:00 · 418 阅读 · 0 评论 -
React 通过svg实现进度环组件
效果图,如下图所示进度分别为25%,50%,75%, 100%渲染图形 css代码.CircelProcess{ position: relative; width: 100%; height: 100%;}.CircelProcess *{ box-sizing: border-box;}.CircelProcess ...原创 2019-08-01 17:31:09 · 982 阅读 · 0 评论 -
React 使用 iconfont 实现自己的 SvgIcon 组件
1. IconFont新建自己的图标库项目2. 下载项目至本地将下载的压缩包解压,拷贝 iconfont.js 至自己的项目中,然后通过script标签在 index.html 中引入。此时在浏览器中 F12 调试查看源码,可以看看到body下多了一个 svg标签, 如下图所示,其中symbol即为项目中的svg元素。3. 实现 React SvgIcon 图标组件Sv...原创 2019-08-02 15:00:52 · 1156 阅读 · 0 评论