5421react 的组件(component)
render函数 返回什么component就展示什么 感觉就像一块画布一样
Es 6 结构赋值
ReactDom 可以把某个组件挂在到某个节点
比如
ReactDOM.render(<App />, document.getElementById('root'));
就是把App组件挂在到 root节点上
如果使用了 jsx语法 就要import react
----------------------------------------------------------------
最基础的JSX语法
1. 什么是 JSX语法 ：JSX就是在JS文件中直接使用HTML 标签
2. 使用自己组件的时候 必须以大写字母开头 一般来说 看到大写开头的标签 基本都是组件没跑了
JSX语法要求 我们返回的时候必须返回一个包裹的元素 最外层必须要有一个大的div
但是多余的div会导致有时候我们布局出现问题 所以jsx提供了一种叫做fragment的占位符
这时我们会使用fragment来进行包裹我们的组件
constructor函数是最优先执行的函数 也就是我们的 构造函数
constructor(props){
super(props);
}
JSX定义数据的时候必须存在this.stare 里
原生onchange事件在react里必须写成onChange C要大写
同时在JSX中想使用JS语法 必须使用{}括起来
事件绑定的时候 需要用bind(this) 对函数的作用于进行变更
如果想改变this.state里面的数据 就要使用setState
操作state的时候 不允许直接修改 需要修改时 复制一份 再修改 再 在setstate里面整体复制