网页大神经

注释 不同数据类型在JSX内的展示 情况一：string， number， array类型的数据，可以作为内容直接展示（array默认join(',')） 情况二：null, undefined,Bo

学什么？ 认识JSX 以上图为例，将一段html赋值给一个变量，这种语法在普通<script>中会报错。但是在<script type="text/babel">中能正常解析。其中，html赋值给js

https://snippet-generator.app/ https://snippet-generator.app/ https://snippet-generator.app/

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d5a4ab6910bf43f1b208bc34f7fe9313~tplv

前言 事件绑定：react的事件绑定，要自己处理this值，因为react的this不是DOM元素,而是Element

不用组件化的问题 从上个例子我们可以看到，react的程序主要做了以下几件事情： html中有一个id=rootDOM元素 通过react创建root 作为虚拟DOM根节点 然后通过这个节点的rend

案例：界面显示 hello world,点击按钮，文案变成hello react 依赖引入 引入3个依赖： react： react核心代码 react-dom:dom渲染相关，之前这个包是在reac

react介绍和特点 hello react案例 react 开发依赖分析 react 组件化封装 react 数据事件处理 react 其他案例实现 react介绍（技术角度） 用于构建用户界面的j

如何学习？ 1 官方文档 如何抓住重点（） 实战演练（每学一个知识点，要做练习） 查阅手册（百度的有些问题的说法是错误的，一定要以官网为主，但是目前没什么特别推荐的书籍） 2 看书学习 书的质量必须很