想要网页运行React 需要三个依赖
React React-DOM Babel
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script type="text/babel">
//type类型要设置不然会报错
</script>
数组放到 constructor
this.state={}
jsx的书写:
必须有根元素,()包裹 单标签/双标签
jsx的插入子元素 object不能插入
可以插入表达式
jsx绑定属性
this的绑定问题
事件执行后,我们可能需要获取当前类的对象中相关的属性,这个时候需要
用到this,这里打印会发现是undefined
原因:btn函数并不是我们主动调用的,当button发生改变时,react内部调用
内部调用时不知道如何绑定正确的this。
解决方案?
bind给btnclick显示绑定this
事件监听传入箭头函数