React 笔记
WinterWang0207
github: wangwenqi0207
工作繁忙博客许久未更新 非常抱歉
展开
-
react 日常工作小笔记
默认配置 defaultProps默认配置通过||操作符可以实现,React.js 也提供了一种方式defaultProps,可以方便的做到默认配置。class LikeButton extends Component { static defaultProps = { likedText: '取消', unlikedText: '点赞' } constructor () { super() this.state = { isLiked: fal...原创 2020-06-01 20:36:56 · 374 阅读 · 0 评论 -
react 路由小案例
父组件AppRouterimport React from 'react'//BrowserRouter as Router 给BrowserRouter起名Router 方便使用import {BrowserRouter as Router, Route, Link} from 'react-router-dom'import Index from './Index'i...原创 2020-01-16 13:45:39 · 248 阅读 · 0 评论 -
React 基础学习笔记【四】
Context 共享数据为避免太多层数据没必要的props传递,16.3版本设计了context组件数据共享【案例】点击不同主题按钮切换下方区域样式1.在src下新建theme-context.js组件,用于存放共享数据(中转站)theme-context.js组件代码如下,定义一个Context将它导出,供子组件导入import React from 'react'co...原创 2019-02-17 15:20:50 · 139 阅读 · 0 评论 -
React 基础学习笔记【三】
react表单【小案例】用受控组件和非受控组件两种方式展示,检测用户表单输入和提交受控组件1.构造一个state,创建一条value为空constructor(props) { super(props); this.state ={ value:'' }}复制代码2.创建form表单元素,内部input输入框,将用户输入的value和...原创 2019-02-17 15:20:34 · 140 阅读 · 0 评论 -
React 基础学习笔记【二】
state状态state中定义的数据可以动态改变。小案例:【点击button调用state数据改变其状态】1.在组件中调用this.state,定义likes为0, constructor 是用于创建和初始化类中创建的一个对象的一种特殊方法。调用super的原因:在ES6中,在子类的constructor中必须先调用super才能引用thissuper(props)的目的...原创 2019-02-17 15:20:26 · 149 阅读 · 0 评论 -
React 基础学习笔记【一】
起源:1.Facebook内部用来开发Instagram2.不是完整的MVC框架3.2013年开源react特点:1.虚拟Dom2.高性能3.组件化4.React Native 跨平台开发官方脚手架 create-react-app1.安装脚手架:npm install create-react-app -g2.创建脚手架项目:create-re...原创 2019-02-16 21:42:17 · 313 阅读 · 0 评论