React笔记

学习React的第一天

今天主要学习
1、babel.min.js 的作用 react中要用到jsx语法，是为了把jsx语法转换为浏览器认识的js语法
2、注意：这个标签要写成 否则会报错

<script type="text/babel"></script>

3、定义组件的两种方式
方式1 （工厂函数方法-简单组件 没有状态的组件）

function xxx(){
     
return <h1>这是一个简单例子根据实际情况填写</h1>
}

方式2 es6 -复杂组件

class MyFag2 extends React.Component {
     
                render () {
     
                    return <h1>es6 -复杂组件</h1>
                }
            }

4、渲染组件

ReactDOM.render(<MyFag/>,document.getElementById("test"))

5、组件的三个属性
state、propos、refs
5.1 state:
state是组件对象最重要的属性, 值是对象(可以包含多个数据)
组件被称为"状态机", 通过更新组件的state来更新对应的页面显示(重新渲染组件)
5.2 propos
自定义的组件标签属性，通过标签属性从组件外向组件内传递变化的数据，组件标签的所有属性都保存在props中，每个组件对象都会有props(properties的简写)属性

注：学习资料来自尚硅谷