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="";}

);

}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值