React学习笔记——深入React组件(v15.5)

[TOC] 组件让UI独立,可重复利用,并且单独解决每块问题。React.Component是由React提供的。 React.Component是一个抽象的基类,因此它很少的被直接使用。反而,你会用一个有代表性的子类,并且至少定义一个render()方法。 使用JavaScript定义一个简单的类组件: 12345class Greeting e...

阅读全文

React学习笔记——引用和DOM(v15.5)

[TOC] 在典型的React数据流中,props是父组件与子组件交互的唯一方式。想要修改子组件的,你需要重新渲染父组件的props。然而,有一些种情况是你需要在典型数据流的外面立即修改子组件。要修改的子组件可以是React组件的实例或者是一个DOM元素。对于这两种情况,React 提供了一个解决方案。 何时使用Refs 1、管理焦点、选中或者是媒...

阅读全文

React学习笔记——使用PropTypes类型检查(v15.5)

[TOC] React v15.5中React.PropTypes已经被废弃了,建议使用prop-types库代替。 随着应用的增长,可能遇到越来越多的类型检查方面的bug,对于一些应用,你可以使用JavaScript的扩展如:flow、typescript来检查你整个应用。但是,对于React来说,即使你不使用这些,其也内置了一些类型检查能力。要使用...

阅读全文

React学习笔记——深入理解JSX(v15.5)

[TOC] 从根本上讲,React语法仅仅是React.createElement(component, props, …children)方法的语法糖。 12345678910111213141516171819202122//JSX代码<MyButton color="blue" shadowSize={2}> C...

阅读全文