React创建组件的三种方法

无状态函数式组件 创建纯展示组件,只负责根据传入的props 来展示,不涉及到要state 状态的操作,是一个只带有一个render 方法的组件类 创建形式如下: function HelloComponent(props) { return <div&g...

2018-11-07 22:43:32

阅读数:13

评论数:0

react报错 TypeError: Cannot read property 'setState' of undefined

代码如下: class test extends Component { constructor(props) { super(props); this.state = { liked: false }; } ...

2018-11-07 21:55:59

阅读数:45

评论数:0

React key值的作用和使用

key概念 react 中的key 属性是一个特殊的属性,它的出现不适给开发者用的,(列如你为一个组件设置key 之后,也无法获取这个组件的key值, )而是给react 自己用的。 简单说,react利用key来识别组件,他是一种身份标识,就像每个人有一个身份证来做辨识一样。每个key 对应一个...

2018-11-07 21:03:59

阅读数:49

评论数:0

react-router中,<switch>标签存在意义说明

有标签 &amp;lt;BrowserRouter&amp;gt; &amp;lt;div&amp;gt; &amp;lt;div&amp;gt; ...

2018-10-24 21:38:49

阅读数:125

评论数:0

React 中组件间通信的几种方式

在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况:1 父组件向子组件通信 2 子组件向父组件通信父组件向子组件通信 这是最简单也是最常用的一种通信方式:父组件通过向子组件传递 props,子组件得到 props 后进行相应的处理。 下面是演...

2018-04-17 20:33:29

阅读数:121

评论数:0

componentWillMount 和 componentDidMount的区别

1、componentWillMount 将要装载,在render之前调用; componentDidMount,(装载完成),在render之后调用 2、componentWillMount 每一个组件render之前立即调用; componentDidMount render之后并不...

2018-04-09 21:56:51

阅读数:140

评论数:0

react jsx 中的map 循环嵌套

jsx 中map 用的非常多,嵌套用到的也会很多!废话不多说,直接上代码var btnType=Object.keys(obj).map((key,i)=>{ var item=obj[key].map((s,index)=>{ return ( ...

2018-04-09 21:53:48

阅读数:1044

评论数:0

jsx 语法中使用 if else

在react中用jsx渲染dom的时候经常会遇到if条件判断,然而在jsx中竟是不允许if条件判断的。以下有几种判断方式,可以根据自己的应用场景,挑选适合的 方案一: class HelloMessage extends React.Component { render (){ ...

2018-04-09 21:52:03

阅读数:462

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭