在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 在react中頻繁修改style的css屬性

在react中頻繁修改style的css屬性

在Reactjs中,遇到了頻繁修改css的屬性,需要修改this.infoBox(<div ref={infoBox => this.infoBox = infoBox}></div>)的位置。
我采用的是,獲取到this.infoBox的style屬性,然后修改其transform屬性。
但是百度,google的大部分結(jié)果是使用setState+inline style解決。請問一下,如果遇到頻繁修改style的css屬性用什么方法解決比較好?

回答
編輯回答
你的瞳

首先,React的思想是通過狀態(tài)state,驅(qū)動(dòng)UI的展現(xiàn),既然你的style需要頻繁修改,把它放到state中更符合react的設(shè)計(jì)思想。
其次,ref是React提供的一種直接操作DOM的后門,是試驗(yàn)特性,應(yīng)該盡量避免使用。
所以,setState+inline style的解決方案更佳。

2018年9月9日 04:27