摘要: 一、将flux的组件拆分成无状态组件 >UI组件 和 容器组件 这样会加快页面的加载和渲染的速度 增删效果未拆分之前 App.js import React, { Component,Fragment } from 'react'; import Input from './components/i 阅读全文
posted @ 2019-09-12 11:00 zsrTaki 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 一、react环境的搭建 1 全局安装(react 脚手架的安装):cnpm install create-react-app -g 2 局部安装(在文件路径下):create-react-app 项目名称 //相当于创建了一个myrouter的文件夹 3 cd myrouter 进去myroute 阅读全文
posted @ 2019-09-12 10:59 zsrTaki 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 一、首先当组件第一次渲染的时候会执行哪些生命周期函数? constructor >componentWillMount >render >componentDidMount constructor: 初始化 当前生命周期函数可以用来定义当前组件所需要的一些状态 当前生命周期里面必须要写super如果 阅读全文
posted @ 2019-09-12 10:58 zsrTaki 阅读(435) 评论(0) 推荐(0) 编辑
摘要: .一、父组件给子组件传值 (当子组件在父组件中当做标签使用的时候 通过自定义属性进行传值,接受的时候通过this.props进行接受) 思路: 父组件引入子组件,在子组件的标签中添加自定义属性 然后将this.state中的属性传给子组件的标签 子组件通过this.props 接收父组件传过来的属性 阅读全文
posted @ 2019-09-12 10:56 zsrTaki 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 一、单选 App.js import React,{Component} from "react" class App extends Component{ constructor(){ super(); this.state={ radioVal:'男' } } render(){ let {ra 阅读全文
posted @ 2019-09-12 10:54 zsrTaki 阅读(2205) 评论(0) 推荐(0) 编辑
摘要: 一、在手动搭建webpack的情况下安装 react环境 ①、先完成webpack安装 ②、在文件夹路径下安装 cnpm i react react-dom ③、在新建的index.html中写dom元素 用于被index.js获取到对应 的dom元素进行渲染 index.html <body> < 阅读全文
posted @ 2019-09-12 10:53 zsrTaki 阅读(197) 评论(0) 推荐(0) 编辑
摘要: webpack: 模块打包机 作用: 将浏览器不识别的语言转换成浏览器识别的一些语言 typescript scss 工作流程: 通过一个入口文件 找到这个入口文件所依赖的所有模块,将这些文件打包成一个或者多个文件 如何使用: 1、安装 cnpm install webpack@3.5.3 -g 2 阅读全文
posted @ 2019-09-12 10:51 zsrTaki 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 一、react的环境搭建 操作步骤: ①新建一个文件夹,在目标路径下打开CMD 安装react cnpm i react react-dom //react-dom用于操作jsx的语法,操作虚拟dom ②安装babel(用于将es6格式转为es5 识别script中的标签) cnpm i babel 阅读全文
posted @ 2019-09-12 10:50 zsrTaki 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 一、自定义全局指令 Vue.directive 自定义指令的生命周期,有5个事件钩子,可以设置指令在某一个事件发生时的具体行为: bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用(父节点存在即 阅读全文
posted @ 2019-09-12 10:49 zsrTaki 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 一、ref 和 $refs 的使用 ref ref 用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通DOM元素上使用,引用指向的就是DOM元素;如果用在子组件上,引用就指向组件实例。 $refs 一般来讲,获取DOM元素,需document.querySelec 阅读全文
posted @ 2019-09-12 10:48 zsrTaki 阅读(530) 评论(0) 推荐(0) 编辑