蚂蚁的博客

笔记继续… 一、styled-components 扩展 在React中， 一个文件中引入css样式表后，其他所有js文件中都可以使用这个样式表，也就是说css样式表是全局的，这样可能会造成样式冲突，所以借助第三方模块：styled-components，可以让css样式表只对指定的组件起作用。 安装：npm install styled-components --save 使用： 这个扩...

这是我在看了imooc中的React简书开发实战课程之后记下的笔记，在这做下备份，以便日后复习。 1、dangerouslySetInnerHTML属性 当React元素包含html标签时，如果不设置dangerouslySetInnerHTML属性，就会把html当做字符串处理： render() { const value = '<h1&a

笔记继续… 1、使用 react-transition-group 扩展，实现css动画 官网网址：React Transition Group 安装: npm install react-transition-group --save 1.使用CSSTransition控制单个元素执行动画： import { CSSTransition } from 'react-transition-g...

这个问题网上有很详细的解释，这里我只说下我引起这个问题的原因。 我将Redux中的actoin封装到一个函数中后，在组件的一个方法中使用这个函数： const getChangeInputValueAction = (value) => { type: CHANGE_INPUT_VALUE, value }; handleInputChange(e) { const acti...

笔记继续… 一、拆分UI组件和容器组件 上一篇中说到的Todolist.js就是容器组件，它的render方法中返回了很多的UI组件，所以有必要把他们拆分一下 src根目录下新建一个TodolistUI.js文件，将所有的UI组件放在这里面 拆分后，UI组件里面的this.state都无法获取到了，这时就需要父组件（即容器组件）将this.state和方法作为参数，传递给UI组件 Todolis...

说明一下：我用的antd pro脚手架是2.0版本的。 说mock之前默认新建页面，路由等基础功能你已经掌握。 1、页面需要什么格式的数据 我用一个antd pro里面的表格作为演示： import { Table } from 'antd'; class Home extends Component { render() { const columns = [{ ti...

完整的警告是： 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....