![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 66
EvanOne(文一)
对文章有问题,请直接在文章评论区提问。
展开
-
React简书开发实战课程笔记——4
笔记继续…一、styled-components 扩展在React中, 一个文件中引入css样式表后,其他所有js文件中都可以使用这个样式表,也就是说css样式表是全局的,这样可能会造成样式冲突,所以借助第三方模块:styled-components,可以让css样式表只对指定的组件起作用。安装:npm install styled-components --save使用:这个扩...原创 2018-09-24 20:15:06 · 875 阅读 · 0 评论 -
React简书开发实战课程笔记——1
这是我在看了imooc中的React简书开发实战课程之后记下的笔记,在这做下备份,以便日后复习。1、dangerouslySetInnerHTML属性当React元素包含html标签时,如果不设置dangerouslySetInnerHTML属性,就会把html当做字符串处理:render() { const value = '<h1&a原创 2018-09-21 00:36:08 · 1505 阅读 · 2 评论 -
React简书开发实战课程笔记——2
笔记继续…1、使用 react-transition-group 扩展,实现css动画官网网址:React Transition Group安装: npm install react-transition-group --save1.使用CSSTransition控制单个元素执行动画:import { CSSTransition } from 'react-transition-g...原创 2018-09-21 16:10:23 · 1303 阅读 · 0 评论 -
Actions must be plain objects. Use custom middleware for async actions.
这个问题网上有很详细的解释,这里我只说下我引起这个问题的原因。我将Redux中的actoin封装到一个函数中后,在组件的一个方法中使用这个函数:const getChangeInputValueAction = (value) => { type: CHANGE_INPUT_VALUE, value};handleInputChange(e) { const acti...原创 2018-09-22 16:19:21 · 4456 阅读 · 0 评论 -
React简书开发实战课程笔记——3
笔记继续…一、拆分UI组件和容器组件上一篇中说到的Todolist.js就是容器组件,它的render方法中返回了很多的UI组件,所以有必要把他们拆分一下src根目录下新建一个TodolistUI.js文件,将所有的UI组件放在这里面拆分后,UI组件里面的this.state都无法获取到了,这时就需要父组件(即容器组件)将this.state和方法作为参数,传递给UI组件Todolis...原创 2018-09-22 18:23:13 · 877 阅读 · 0 评论 -
antd pro中mock数据并使用详解
说明一下:我用的antd pro脚手架是2.0版本的。说mock之前默认新建页面,路由等基础功能你已经掌握。1、页面需要什么格式的数据我用一个antd pro里面的表格作为演示:import { Table } from 'antd';class Home extends Component { render() { const columns = [{ ti...原创 2018-10-09 00:56:48 · 15854 阅读 · 19 评论 -
Warning: React does not recognize the `computedMatch` prop on a DOM element.
完整的警告是:Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase computedmatch instead....原创 2018-11-08 23:33:39 · 14042 阅读 · 1 评论