2019JAVA最新课程-React从入门到实战(新)
2024-10-07 05:04:14
1.准备工作
可以在yunp.top网站看webpack,node/npm,cnpm的相关使用视频教程
react有两种使用方式,一是在现有网站中添加;二是创建一个全新的
官网创建全新一个react app步骤
1.npx create-react-app my-app
2.cd my-app
3.npm start
(待定,熟悉react项目里的文件作用与架构)
2.JSX语法
1.react类
2.react-dom类
react-dom.render方法:两个参数。第一个是JSX语法写的标签(不是字符串或者对象),第二个是要插入的根容器标签
JSX语法:JavaScript + XML(HTML)结合形成的标签,包含了二者,可以在标签里直接用户js变量。遇到<>当XML语法解析,遇到{}当js语法解析
3.React元素渲染
():代表存在标签结构,并且标签结构要换行
所以可以用()代表一个要被渲染的元素,赋给一个变量,直接传到render方法里
y
最新文章
- DOM的概念(1)
- 经典 HTML5 &; Javascript 俄罗斯方块游戏
- 【BZOJ1812】riv(多叉树转二叉树,树形DP)
- iOS中使用自定义字体
- .net speed up
- WinSetupFromUSB 使用教程
- B题 Before an Exam
- cut 命令详解
- C++标准库之stack
- maven私服nexus清理释放磁盘空间
- Docker Overlay 应用部署
- 使用tinymce富文本
- Druid介绍2
- 在 Element-UI 的 Table 组件上添加列拖拽效果
- javascript命名空间
- python seaborn 画图
- iOS - WKWebView的使用和长按手势识别二维码并保存
- HBase学习之深入理解Memstore-6
- codeforces528D Fuzzy Search
- 用户“*****”不具有所需的权限。请验证授予了足够的权限并且解决了 Windows 用户帐户控制(UAC)限制问题。
热门文章
- 【BW系列】SAP 讲讲BW/4 HANA和BW on HANA的区别
- cocos2dx[3.2](5) 屏幕适配
- LeetCode.1002-寻找共有字符(Find Common Characters)
- ps和top进程监控
- tensorflow增强学习应用于一个小游戏
- mac下mysql重置密码及使用用户和密码登陆
- hbase 查看hfile文件
- oracle sid_name service_name
- [LeetCode] 完全二叉树的节点个数
- (转)终于有人把Elasticsearch原理讲透了!