zoukankan      html  css  js  c++  java
  • 假期React学习第一天

    1,搭建环境

      第一步:安装node.js

       node.js下载网址: https://nodejs.org/zh-cn/download/

      第二步:安装React脚手架

        在cmd中执行命令:cnpm install -g create-react-app

      第三步:创建项目

        在所创建的文件夹下执行cmd命令窗口,在命令窗口中执行:

          create-react-app 项目名称

          cd todolist

      第四步:启动项目

          npm start

    2,自定义函数组件

      第一步:创建js文件

        新建App.js

      第二步:编写函数组件

        //1,引入react组件

          import React from 'react'

        //2,编写函数组件

          function App(){

              return(

                <div>

                  hellow world

                </div>

              )

            }

        //3,向外暴露

          export defalut App;

    第三步:在index.js中引入App组件d

      //1,引入App组件

        import App from './App';

      //2,使用组件(jsx语法)

        ReactDOM.render(<App />,doccument.getElementById('root'))

      为自定义组件传参

       <App title='你吃了吗' id = "adc" hellow="你好">

      在App组件中接受参数

      function App(props){

        var a = 1;

        return(

            <div>

              hellow world,{props.title},{props.id}

            </div>

          )

      }

  • 相关阅读:
    CMLLVDS
    js获取url中的参数(解决中文乱码)
    解决跳转出现 No input file specified.
    ThinkPHP关联模型详解
    Thinkphp表单自动验证
    手机号登录注册
    JS实现每隔一段时间数量增加或减少
    文章或者观点说说等点赞功能实现(thinkphp)
    thinkphp整合Ueditor编辑器
    点击切换状态 类似开关按钮
  • 原文地址:https://www.cnblogs.com/songbingqi/p/12258665.html
Copyright © 2011-2022 走看看