网页运行React 18

想要网页运行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

事件监听传入箭头函数