react入门

jsx

jsx 是javascript的一种扩展语法、可以使用js和html混合编写。
特点：
1.可以使用{}方式显示变量
2.可以放置任何javascript的表达式
3.可以时候用条件语句：if for
4.加入标签内没有内容直接使用/>来闭合标签
5.jsx防止注入攻击
6.jsx 中属性不能包含关键字 ，如class需要写成className for写成htmlFor

元素渲染

1.React构建的应用组通常只有一个DOM根节点、该根节点中所有内容都将由React DOM管理
2.React元素都是不可变得，元素创建以后无法修改内容及属性。
3.React更新界面的唯一方法就是创建新的元素通过ReactDom.render()方法来渲染

组件

1.组件必须是大写字母开头
2.组件必须在使用时候定义或应用
2.组件返回只能有一个根元素
React定义组件的方式有两种：
1.函数组件

function Hello(props){
  return <h1>Hello {props.title}</h1>
}

2.类组件

class Hello extends React.Component{
  render(){
      return <h1>Hello {this.props.title}</h1>
  }
}

props

1.组件不可修改自己的props属性
2.props通过prop-types进行类型检查

state

1.state的数据来源于props传递和组件内部定义
2.改变state唯一的方法为 setState();
3.属性props 和 状态state 变化都会引起组件视图更新