react学习笔记(2)

1.React判断一个元素是html元素还是组件的原则是看第一个字母是否大写，大写即为组件

2.react事件流程：事件1/事件2/事件3...—render—Virtual DOM—DOM修改

3.prop与state

1）prop属性：

a)prop用于定义外部接口，在外部使用组件时赋值，组件不应该改变prop的值

b)<SampleButton id="sample" borderwidth={2} onClick={onButtonClick} style={{color:"red"}}/>

class SampleButton extend Component {

constructor(props){

}}

上面的例子中，id,borderwidth,onClick,style都是SampleButton的prop，可以通过this.props.id来获取，当prop的值为字符串时，用""包住，不为字符串时，用{}

如果一个组件需要定义自己的构造函数，要在构造函数的第一行通过super调用父类的构造函数

2）state属性

a)state用于记录内部状态，在组件内部赋值，用于记录与修改内部状态

b)设置默认值可以用defaultProps

Counter.defaultProps={

initValue:0};

c)修改state的值需要用this.setSstate函数，不要直接this.state=

代码路径：

https://github.com/mocheng/react-and-redux/