React学习杂记

1.render应该是一个纯函数，它的意义在于每次给定相同的输入，应该返回相同的输出，不应该有修改state或者交互的行为，这些交互行为交给逻辑来做。

2.组件应该遵循最小化STATE原则，即尽可能让大部分的组件是无状态的，这样做是为了降低复杂度，这些无状态的组件唯一需要关心的就是渲染数据，他们的外层加一个有STATE的组件就可以了，这个外层组件处理事件和逻辑，修改STATE。而这些无状态的子组件只要根据传入的PROPS来渲染数据就好。

3.DOM操作，多数情况下我们不需要通过操作DOM来修改UI，而是用SETSTATE来做这件事，但是有些情况我们不得不访问真实的DOM，比如用户在真实DOM中的INPUT组件输入了值，那我们就要通过REFS来访问真实的DOM节点了。

具体来说，就是在节点上设置一个REFS属性，然后通过THIS.REFS.NAME来获得DOM节点。

举个例子：

<input type="text" refs="realdom" />

<button onClick={ callback } />

那么这个button的CALLBACK就可以这样获得输入的值

callback() {

let value = this.refs.realdom.value

let statechange=value

//也可以改变state来重新渲染组件

this.setstate(

{statechange},()=>{this.refs.readom.value="";}

);

}