如何在React/MaterialUI中使用SVG素材

之前用iconfont的svg一直都是失败状态,今天来解决一下这里有个例子,大设计师设计的SVG印章图 这个图还是比较酷的 审核通过.svg(点击可下载) 这个svg的图通过查看代码如下 <svg xmlns="http://www.w3.org/2000/svg" width="3451.53" height="3335" v

- 阅读全文 -

ReactJS/NestJS在vscode中调试 | Debugging in the Editor

今天没事干的时候,看了一下create-react-app的官网,发现画风变了,然后没事干翻看了几页,发现了可使用IDE进行调试当前仅Visual Studio Code和WebStorm支持此功能。Visual Studio Code和WebStorm支持使用Create React App进行开箱即用的调试。 这使您作为开发人员可以在不离开编辑器的情况下编写和调试React代码,并且最重要的是

- 阅读全文 -

React 17新增的生命周期

一、废除的生命周期官网文档指出使用这些生命周期的代码会在未来版本的react中更容易产生bug,尤其是对于异步渲染的版本由于未来采用异步渲染机制,所以即将在17版本中去掉的生命周期钩子函数componentWillMountcomponentWillRecievePropscomponentWIllUpdate二、新增的生命周期static getDerivedStateFromProps(nex

- 阅读全文 -

windows中node环境采坑

事情起因之前一直用ubuntu,突然想在Windows试试创建create-react-app却发现并没有想象的那么美好window环境下升级node不容易,试过npm install -g n 和n stable等命令无效,而网上推荐的nvm并不支持windows,而nvm for windows 又要求先删除node及相关配置,而且这个用于支持windows的nvm是不完善的。处于规避风险的考

- 阅读全文 -

mapStateToProps,mapDispatchToProps的使用姿势

前言刚接触redux的时候,发现大家对mapSispatchToProps使用有几种方法,而且都跑通了,本文介绍下redux的mapStateToProps,mapDispatchToProps的一些小姿势mapStateToProps(state,ownProps)mapStateToProps是一个函数,用于建立组件跟store的state的映射关系作为一个函数,它可以传入两个参数,结果一定要

- 阅读全文 -

Redux 思想

感想近期一直在研究Redux,搞得一头雾水,上周看了很多文档,多数讲的是数据之间的传递和使用方法,感觉机械搬copy相关代码并无大用,万一遇到什么奇葩的项目,还是得另寻道路上周搞了一直的redux,反复架构实验最后都没有得到太多有用的东西,跟着教程一步一步来,却没有搞明白他的核心思想到底是什么,一直到27号,找到了一些能够引起我注意的东西,也许不是redux最核心的思想,但值得肯定的是,他在某些R

- 阅读全文 -

React生命周期方法

componentWillReceiveProps()该方法会接受新属性对象,让你可以根据新属性设置state,还可以进行其他工作以确保组件状态保持正常。componentWillUpdate()当你的组件再次渲染时,在render()方法前调用(在组件的props或者state发生改变时触发该方法)。componentDidUpdate()在render()函数执行完毕,并且更新的组件已经被同步

- 阅读全文 -