随笔分类 - React
介绍react
摘要：1.作用 在redux的基础上实现state数据改变时自动渲染 2. 几个概念 Provider组件：自动的将store中的state与组件进行关联映射方法：这里需要两个映射方法，分别将store的state和dispatch映射到组件中Connent方法：将组件和store中的数据与方法进行连接
阅读全文
摘要：1.作用 用于中大型的应用，当数据比较庞大，组件之间数据交互较多时使用 解决组件的数据通信 解决数据数据和交互较多的应用 解决React的数据管理问题 2.几个概念 store：数据仓库，保存数据的地方state：一个对象，存放了整个应用所需要的数据action：一个动作，触发改变数据的方法disp
阅读全文
摘要：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
阅读全文
摘要：props.children是用于将从父组件传递过来的标签放置到子组件中 1.创建父组件 首先引入react和reactdom import React from 'react' import ReactDOM from 'react-dom' 创建父组件 class ParentDom exten
阅读全文
摘要：主要指的是继承React.Component创建出来的组件的生命周期 参考vue的生命周期做的笔记，react和vue的生命周期都差不多，有错的可以告诉我，我再改 1.生命周期的状态 created：组件被创建了mounted：组件被挂载到DOM中了updated：组件被挂载到浏览器上了unmoun
阅读全文
摘要：代码 直接上代码了 import React from 'react' import ReactDOM from 'react-dom' function UserLogin(){ return <h1>登陆</h1> } function UserRegister(){ return <h1>注册
阅读全文
摘要：1.特点 方法名称： React中采用了驼峰命名法，从第二个单词的字母开始大写 原生js的写法是全部小写 vue中是通过v-on:加上触发事件（也是全小写的，但是没有on）传值： React中事件接受的值是一个方法，需要用{}包裹起来 原生js的事件接受的值是一个字符串 vue中的事件接受的值是一个
阅读全文
摘要：1.父组件给子组件传值 import React from 'react' import ReactDOM from 'react-dom' class Holle extends React.Component{ constructor(){ super() this.state={ msg:'这
阅读全文
摘要：1.将数据渲染到页面中 创建一个.jsx文件 import React from 'react' export default class MyInput extends React.Component{ constructor(){ super() this.state={ msg:'123' }
阅读全文
摘要：1.定义组件 新建一个.jsx文件 import React from 'react' export default class MyBtn extends React.Component{ constructor(){ super() this.state={ msg:'123' } } rend
阅读全文
摘要：1.给组件绑定事件 创建组件，并绑定方法 创建一个.jsx文件 import React from 'react' export default class MyBtn extends React.Component{ constructor(){ super() this.state={ } }
阅读全文
摘要：第一组情景： //setTimeout的第一个参数是一个函数 setTimeout(function(){console.log('这是一个普通函数'+this)},1000) setTimeout(()=>{console.log('这是一个箭头函数'+this)},1000) 输出的结果为： 这
阅读全文
摘要：1.行内样式 class 组件名称 extends React.Component{ render(){ return <div style={{color:'red',border: '1px'}}></div> } } 样式值为字符串类型时，需要用单引号包裹 使用双花括号包裹样式 ！！！可以将内
阅读全文
摘要：这是es6的新特性，用于实现面向对象的编程 1.class类的创建 创建一个class类 class myClass{ //构造器，默认为空的构造器 //当class在被new时就会调用构造器 //相当于function //function myClass(name,age){ // this.n
阅读全文
摘要：方式一 使用function创建组件 定义一个function //fuction的名称一定要大写开头 function 组件名称(){ //返回的值必须是一个虚拟DOM对象，或null return <h1>holle</h1> } 将组件渲染到页面 //定义的组件可以直接当作一个标签来使用 Re
阅读全文
浙公网安备 33010602011771号