react设计模式,jsx

文章讨论了在修改React配置项时需要注意的事项,强调了在eject前应提交代码到版本库。对比了React的MVC架构和Vue的MVVM模式,解释了数据如何驱动视图的渲染。此外,还详细介绍了JSX在构建React视图层中的应用,包括jsx的规则、变量和表达式的使用,以及样式设置的方法。
摘要由CSDN通过智能技术生成

1.修改配置项:
eject:暴露配置项!!!一旦暴露了就无法还原回去
会报错。这个错误:我们刚才把代码改了,在暴露之前,先让我们把代码提交到git历史区保留下来—防止暴露后的代码覆盖了我们该的代码

显示这个错误有两个前提
1.本地有仓库
2.暴露之前有修改


2.mvc和mvvm模式

React框架采用的是MVC体系
在这里插入图片描述
MVC: model数据层+ view视图层+ cont roller控制层
@1我们需要按照专业的语法去构建视图(页面) : React中是基于jsx语法来构建视图的
@2构建数据层:但凡在视图中,需要"动态”处理的(需要变化的,不论是样式还是内容),我们都要有对应的数据模型
@3控制层:当我们在视图中(或者根据业务需求)进行某些操作的时候,都是去修改相关的数据,然后React框架会按照最新的数据,重新渲染
视图,以此让用户看到最新的效果!
数据驱动视图的渲染! !
视图中的表单内容改变,想要修改数据,需要开发者自己去写代码实现! !
“单向驱动"

Vue框架采用的是MVVM体系
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值