摘要：
1.安装react-router-dom webpack的安装命令： cnpm i react-router-dom 2.使用react-router-dom 导入react,react-dom,react-router-dom import React from 'react' import Re 阅读全文
posted @ 2020-02-19 13:39
程序员徐小白
阅读(63)
评论(0)
推荐(0)
摘要：
props.children是用于将从父组件传递过来的标签放置到子组件中 1.创建父组件 首先引入react和reactdom import React from 'react' import ReactDOM from 'react-dom' 创建父组件 class ParentDom exten 阅读全文
posted @ 2020-02-18 19:05
程序员徐小白
阅读(638)
评论(0)
推荐(0)
摘要：
主要指的是继承React.Component创建出来的组件的生命周期 参考vue的生命周期做的笔记，react和vue的生命周期都差不多，有错的可以告诉我，我再改 1.生命周期的状态 created：组件被创建了mounted：组件被挂载到DOM中了updated：组件被挂载到浏览器上了unmoun 阅读全文
posted @ 2020-02-17 21:19
程序员徐小白
阅读(64)
评论(0)
推荐(0)
摘要：
代码 直接上代码了 import React from 'react' import ReactDOM from 'react-dom' function UserLogin(){ return <h1>登陆</h1> } function UserRegister(){ return <h1>注册 阅读全文
posted @ 2020-02-17 17:37
程序员徐小白
阅读(216)
评论(0)
推荐(0)
摘要：
1.特点 方法名称： React中采用了驼峰命名法，从第二个单词的字母开始大写 原生js的写法是全部小写 vue中是通过v-on:加上触发事件（也是全小写的，但是没有on）传值： React中事件接受的值是一个方法，需要用{}包裹起来 原生js的事件接受的值是一个字符串 vue中的事件接受的值是一个 阅读全文
posted @ 2020-02-17 16:07
程序员徐小白
阅读(90)
评论(0)
推荐(0)
摘要：
1.父组件给子组件传值 import React from 'react' import ReactDOM from 'react-dom' class Holle extends React.Component{ constructor(){ super() this.state={ msg:'这 阅读全文
posted @ 2020-02-17 13:23
程序员徐小白
阅读(104)
评论(0)
推荐(0)
摘要：
1.将数据渲染到页面中 创建一个.jsx文件 import React from 'react' export default class MyInput extends React.Component{ constructor(){ super() this.state={ msg:'123' } 阅读全文
posted @ 2020-02-16 20:31
程序员徐小白
阅读(220)
评论(0)
推荐(0)
摘要：
1.定义组件 新建一个.jsx文件 import React from 'react' export default class MyBtn extends React.Component{ constructor(){ super() this.state={ msg:'123' } } rend 阅读全文
posted @ 2020-02-16 19:16
程序员徐小白
阅读(86)
评论(0)
推荐(0)
摘要：
1.给组件绑定事件 创建组件，并绑定方法 创建一个.jsx文件 import React from 'react' export default class MyBtn extends React.Component{ constructor(){ super() this.state={ } } 阅读全文
posted @ 2020-02-16 18:52
程序员徐小白
阅读(181)
评论(0)
推荐(0)
摘要：
第一组情景： //setTimeout的第一个参数是一个函数 setTimeout(function(){console.log('这是一个普通函数'+this)},1000) setTimeout(()=>{console.log('这是一个箭头函数'+this)},1000) 输出的结果为： 这 阅读全文
posted @ 2020-02-16 18:39
程序员徐小白
阅读(63)
评论(0)
推荐(0)
浙公网安备 33010602011771号