个人开启react学习之路

第一天

真是头疼的问题、第一次安装ract就是安装不上，找不到毛病出在哪？然后早上又安装了一次、结果成了、懵了

命令如下

如果npm版本是5.2以上版本，在cmd中输入 npx create-react-app my-app，当前目录下创建一个名为my-app的工程，命令行窗口中将会显示依赖库的一些日志

如果npm版本低于5.2，则全局安装create-react-app，cmd输入npm install -g create-react-app；create-react-app下载完成后，cmd中输入create-react-app my-app

 
                    
1、react是单向流

2、组件的属性传递机制：...属性的扩展操作符用于组件嵌套的时候、多层、例如{...this.props}

3、组件的状态机制：
        getDefaultProps:function(){

        }
        getInitialState:function(){
            //组件加载之前会被调用，初始化组件内部数据的最佳时机
        } 
        componentDidMount:cuntion(){
            //组件被浏览器加载之后 但是组件的render还没有被调用之前的时候会被调用
        } 
        setState ----是由组件本身自己实现的，是用来去修改组件本身的state对象的

4、生命周期函数：
        componentDidMount（创建时）
        componentWillUnmount（卸载时）
        componentDidUpdata（更新时）
            接受两个参数第一是：props 例如:currentProps
                       第二是：stete 例如：currentState

        componentWillUpdata
        componentWillMount
        shouldComponentUpdate
        componentWillReceiveProps
5、jsx到底是什么？
        是一种javascript语法的扩展
        可以使用花括号{}内嵌任何javascript表达式,只能写表达式不能写语句之类的
        jsx属性
        就是一种语法：
            render(){
                //jsx语法
                return(
                    <div></div>
                )
            }

6、props属性
        组件就像属性一样，接受特定的输入（props），产出特定的输出(react elements)
        纯函数、
        props的值是不能随便修改的

7、state属性：
        组件内部的数据可以动态改变
        this.setState()是更新state的唯一途径

8、forms属性：
        表单的受控组件


react开发思想以及和其他思想的异同
        状态提升
        自上而下的数据流
        和双向绑定的区别

context是什么
        props属性是由上到下单向传递的
        context提供了在组件中共享此类值得方法
context的使用
        设计目的是共享那些对于组件来说全局的数据
        不要仅仅为了避免在几个层级下的组件传递props而使用context

        
        
        
        
//父组件通过属性的方式向子组件传递参数，子组件通过props的方式接受传递过来的参数
//子组件如果想和父组件通信，要调用父组件传递过来的方法

页面的render(){
    return(
        这里面必须是一个大的<div></div>,如果不想要这个div，你可以用<React.Fragment>
    )
}