精选文章 react 基础

react 基础

作者:养猪场老板 时间: 2020-07-27 05:59:40
养猪场老板 2020-07-27 05:59:40





















    React表单
    1. 受控组件 (state onchange target获取value值 单一input)
    2. 非受控组件 (ref 获取所有input中value值 多个input)

    
    props

    
    组件名.PropsTypes = {
        变量: PropsTypes.声明类型
    }

    组件的两种声明方式:
    1. es6写法: export default class XXX extends React.Component
    2. 纯函数写法: const XXX () =>{}  ;export default XXX   
    es6写法有生命周期,render,state等复杂操作时使用, 纯函数写法只写纯函数的计算时使用

    HashRouter/BrowserRouter 区别
    HashRouter  锚点链接
    BrowserRouter   H5新特性 、404重定向

    exact 布尔值 匹配规则 
        不添加exact http://localhost:3000/home/mine 可以展示home和mine组件  
        添加exact 不展示home组件,只展示mine组件
    strict 布尔值 精准匹配  (搭配exact 否则无效)
        不添加exact和strict  http://localhost:3000/home/ 可以展示home组件  
        添加exact和strict  http://localhost:3000/home/ 不可展示home组件 

    Switch 标签组件 只加载一个页面组件
    Router不填写path属性,则全规则匹配,每个页面都有,例如404,需要添加Switch标签,则只显示一个页面组件

      )> 路由简约写法标签传递props参数,props里面会有自定义属性name

    NavLink 高亮 自动添加点击元素active
    修改默认动态class属性  activeClassName='check' 
    修改默认高亮样式 行内样式属性 activeStyle={{color: 'yellow'}}

 

勿删,copyright占位
分享文章到微博
分享文章到朋友圈

上一篇:Spring使用步骤(序)

下一篇:python练习:输入一个字符串,输出该字符串中字符的所有组合

您可能感兴趣

  • SpringMVC框架的入门学习01

    SpringMVC的基本概念 关于三层架构和MVC 三层架构 我们的开发架构一般都是基于两种形式,一种是 C/S 架构,也就是客户端/服务器,另一种是 B/S 架构,也就是浏览器服务器。在 JavaEE 开发中,几乎全都是基于 B/S架构的开发。那么在 B/S架构中,系统标准的三层架构包括:表现层、业务层、持久层。三层架构在我们的实际开发中使用的非常多,所以很多案例也都是基于三层架构设计的。...

  • .NET Core:通过Web API进行微服务交互

    目录 介绍 命名协议 MicroCommerce应用程序结构 MicroCommerce应用开发 1.接口项目,微服务接口和模型类 2. ProductCatalog项目 3. ShoppingCart项目 4. ActivityLogger项目 5. WebUI项目,用户界面 6.关于通用功能的几句话 应用测试 结论 缺点 下载源代码26.3 KB 介绍 几乎所有在.NET Core中使用...

  • 学习HTML5大前端可以从事哪些工作?

      近几年,随着互联网技术的日渐成熟,越来越多的年轻人想往互联网行业发展,就单纯的HTML5大前端网页设计师这一岗位就吸引了无数人。虽然HTML5大前端网页设计门槛相对较低,但是薪资却很高。当然,除了HTML5大前端网页设计外,还有其他的岗位可供选择。今天就让千锋为大家分享一下学习HTML5大前端可以从事的工作有哪些?希望对大家选择相应岗位有所帮助。   一、HTML5开发工程师   HTM...

  • 零基础学习HTML5前端提升攻略!

      学习一门技术,为未来蓄积能量。那么我们可以学习的技术有哪些呢?当然每个人的兴趣点不一样,选择的方向也就不同,今天,我们就为零基础的小白提供学习HTML5大前端提升攻略。   首先,应该重视基础的重要性。无论做什么事情都一定要有扎实的基础,学习HTML5大前端也不例外。只有基础牢固,才能更深入的学习新技术、新知识。HTML5大前端的入门门槛很低,与其他语言先慢后快的学习节奏相比,它是一个先...

  • Linux  用户和权限之用户相关文件 

    目录 用户相关文件 /etc/passwd 用户信息文件 /etc/shadow 影子文件 /etc/group 组信息文件 用户相关文件 /etc/passwd 用户信息文件 vi /etc/passwd root:x:0:0:root:/root:/bin/bash 第一列: 用户名 第二列: 密码位 第三列: 用户 ID 0 超级用户 UID。如果用户 UID 为 0,代表这个账号是管...

  • 2020B证(安全员)考试及B证(安全员)模拟考试题库

    题库来源:安全生产模拟考试一点通公众号小程序 2020B证(安全员)考试及B证(安全员)模拟考试题库,包含B证(安全员)考试答案解析及B证(安全员)模拟考试题库练习。由安全生产模拟考试一点通公众号结合国家B证(安全员)考试最新大纲及B证(安全员)考试真题出具,有助于B证(安全员)考试软件考前练习。 1、【单选题】多台挖掘机在同一作用面机械开挖,挖掘机间距应大于( )。( B ) A、5m B...

  • 读书笔记_mysql必知必会_28_访问控制

    目录 访问控制 管理用户 创建用户账号 删除用户账号 设置访问权限 更改口令 访问控制 MySQL 服务器的安全基础是: 用户应该对他们需要的数据具有适当的访问权,既不能多也不能少 。换句话说,用户不能对过多的数据具有过多的访问权。 考虑以下内容:  多数用户只需要对表进行读和写,但少数用户甚至需要能创建和 删除表;  某些用户需要读表,但可能不需要更新表;  你可能想允许用户添加数据...

  • Java设计模式 - 模板模式

    目录 模板模式: 模板优点: 模板模式应用: 模板模式和策略模式区别: 模板实例: 上述代码 GitHub 地址:https://github.com/baicun/designPatterns 模板模式: 封装了一个算法步骤,并允许子类为一个或多个步骤方法提供实现 模板优点: 抽取公共代码模板在超类中实现,方便维护和阅读。 模板模式应用: Android的BaseAdapter 模板模式和...

华为云40多款云服务产品0元试用活动

免费套餐,马上领取!
CSDN

CSDN

中国开发者社区CSDN (Chinese Software Developer Network) 创立于1999年,致力为中国开发者提供知识传播、在线学习、职业发展等全生命周期服务。