加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > C语言 > 正文

React 梳理

发布时间:2020-12-15 00:27:11 所属栏目:C语言 来源:网络整理
导读:Why React 简单 简单的表述任意时间点你的应用应该是什么样子的,React将会自动的管理UI界面更新当数据发生变化的时候。 在普通页面中,如果点击按钮让一个页面发生变化,操作如下 $('button').on('click',function(){ $('showBox').toggle(); }) 看起来并不

Why React

  • 简单

    简单的表述任意时间点你的应用应该是什么样子的,React将会自动的管理UI界面更新当数据发生变化的时候。
    

在普通页面中,如果点击按钮让一个页面发生变化,操作如下

    $('button').on('click',function(){
        $('showBox').toggle();
    })

看起来并不复杂,但是我操作了dom元素
在react中,如果点击按钮让一个页面变化,操作如下

    hanldeOnPress(){
        this.setState({
            show:!show
        })
    }

这些都是核心代码,暂时可能还看不出来,react是不需要操作dom元素的,只是修改各种状态,它是替你去把页面给渲染的。

  • 声明式

    在数据发生变化的时候,React从概念上讲与点击了F5一样,实际上它仅仅是更新了变化的一部分而已。
    React是关于构造可重用组件的,实际上,使用React你做的仅仅是构建组建。通过封装,使得组件代码复用、测试以及关注点分离更加容易。
    
  • React不是一个MVC框架,它是构建易于可重复调用的web组件,侧重于UI,也就是view层

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读