React
尼古拉斯-托尔斯泰-赵四
喜欢用笔记本的我,转用博客记录自己的学习成长之路~~~
展开
-
react-redux的provider和connect
react、redux、react-redux之间的关系 Redux是React大家庭的一个重要成员,需要特别强调的是Redux本事是不依赖react的。Redux试图为React引用提供可预测化的状态管理机制。另外,Redux除了支持React后,还能够支持其他界面框架。但是如果要将React和Redux结合起来使用,就要一些额外的辅助工具,react-redux就是最常见最重要的一个。 P...原创 2020-05-05 21:27:03 · 387 阅读 · 0 评论 -
React 组件 API
setState(设置状态)setState(object nextState[, function callback])参数说明 nextState,将要设置的新状态,该状态会和当前的state合并 callback,可选参数,回调函数。该函数会在setState设置成功,且组件重新渲染后调用。 合并nextState和当前state,并重新渲染组件。setState是React事件处理函数中和请原创 2016-09-11 21:09:29 · 753 阅读 · 0 评论 -
React 组件生命周期
组件的生命周期可分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM 生命周期的方法有: componentWillMount :在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访原创 2016-09-12 09:52:27 · 310 阅读 · 0 评论 -
React笔记
ReactDOM.render( <div> <h1>hello</h1> <h2>欢迎学习 React</h2> <p data-myattribute = "somevalue">这是一个很不错的 JavaScript 库!</p> </div> , document.getElementById('example') );上例中,p元素添原创 2016-09-09 18:34:02 · 624 阅读 · 0 评论 -
Uncaught TypeError: Super expression must either be null or a function, not undefine
解决办法: 把React.component 改为 React.Component原创 2016-09-21 11:31:20 · 5090 阅读 · 0 评论 -
Warning: Each child in an array or iterator should have a unique "key" prop. Check the render ...
原组件://carousel.jsx import React from 'react'; export default class CarouselList extends React.Component{ constructor(props){ super(props); } render(){ var lists = this.props原创 2016-09-21 16:42:37 · 22722 阅读 · 2 评论 -
React 的PropTypes
Prop 验证import React from 'react'; React.createClass({ propTypes: { // 可以声明 prop 为指定的 JS 基本类型。默认 // 情况下,这些 prop 都是可传可不传的。 optionalArray: React.PropTypes.array, optionalBool: React.Prop原创 2016-11-07 17:08:01 · 979 阅读 · 0 评论 -
react踩坑记
1.组件必须为大写字母开头import React from 'react'; import ReactDOM from 'react-dom';export default class index extends React.Component{ render() { return ( <h2>this is index</h2>原创 2017-06-13 00:15:08 · 720 阅读 · 0 评论