React及JSX常见问题

一、新建一个React.createClass类时，变量名的第一个字母 必须大写。例如：var Comm = React.creatClass({/*code*/})

二、在JSX里怎么输出{}呢？使用 {'{}'}

三、在JSX里标签 不要大写，不然无法渲染。比如render:function(){return <P>Error</P>}这段代码是无法渲染到页面里的

四、JSX里的标签是 必须有结束符的，按照最正确的html来写JSX，比如：<input type="text" />、<a href="#JSX">TestCode</a>

五、在JSX里或者React.render里调用 模板必须有结束字符，加入当前有个模板名是Hello，那调用的时候可以使用<Hello />或者<Hello></Hello>

六、 this.setState 方法就修改状态值（state），每次修改以后，自动调用 this.render 方法，再次渲染组件。同类型的还有this.setProps

七、在JSX里使用自定义组件时，自定义组件获取getInitialState return后的值，不需已数组的方式传输值，可以使用 {...this.state}来获取 getInitialState return后的值，比如<HelloWorld {...this.state} />，也可以把值方便变量里，再使用 {...变量名}

八、使用getInitialState来设定最初的默认值的时候，注意使用 return {key:'值',key:'值'}，而不要使用 return (key:'值',key:'值')，也不要不写{}。

九、首次使用一个组件类时，React会依次调用以下方法：

1. getDefaultProps
2. getInitialState
3. componentWillMount
4. render
5. componentDidMount

十、 随着应用状态(state)的改变。以及组件逐渐受到影响，React会依次调用下面的方法：

1. componentWillReceiveProps
2. shouldComponentUpdate
3. componentWillUpdate
4. render
5. componentDidUpdate

十一、React不依赖任何的库，相反还可以和任何的库 友好共存。

十二、进行移动开发时，渲染之前需要先调用 React.initializeTouchEvents(true)，然后使用onTouchCancel onTouchEnd onTouchMove onTouchStart来进行触摸事件的开发

来自为知笔记(Wiz)

转载于:https://www.cnblogs.com/Black-Hole/p/191c55930375574edaca5d5ae3f4274e.html