react动画的引入

    react组件不像Jquery式的过程式开发,拿到dom节点实例,修改这个节点的style和class,就能达到效果。react也可以这样开发,通过refs去拿实例节点。通过修改class去达到实现动画的目的,这两种开发方式是都可行的。
    但是,react是状态态是开发,这种开发框架的本意是通过修改state的状态来达到控制页面的dom元素。如果使用refs去拿实例节点去显式的去修改,那还不如用jquery方便好写。
添加动画的方法:
①react-addons-css-transition-group插件
   react-motion
   ant-motion
 
②如上所说,通过状态添加类名,进而添加动画:
  <input   className={['input', this.state.switch&& 'input-switch'].join(' ')}   />
也可以用字符串模板控制


 
posted @ 2019-07-24 17:01  黄小鑫Celine  阅读(144)  评论(0编辑  收藏  举报