
ES6
qiqi-fairy
菜鸟记录学习点滴,希望大佬多多指教
展开
-
关于react的组件间传参,今天自己全部写了一遍
组件间传参-react props组件间传参今天很高兴,因为确实对于react用的半知不解的,有些东西很迷茫的,但是又不大好意思麻烦别人,就今天整理出来后就感觉到了很顺畅,很有成就感忍不住想分享一下,嘻嘻props是react的三大属性之一,主要用于数据传参父组件给组件传参:父组件中在子组件的实例上面泻药传的属性,然后在子组件中直接通过this.props直接接收---------------父组件import React, { Component } from 'react'import原创 2021-05-26 18:03:38 · 434 阅读 · 0 评论 -
ES6中新增的字符串新增方法
ES6中新增的字符串新增方法indexOfincludesstartsWithendsWith var str = "lezijie" // 找到字符在第几位,按下标算,从0开始 console.log(str.indexOf("i")); // 3 // 可以用来替换indexOf, 不过返回的是布尔值,表示是否找到了参数字符串 console.log(str.includes('j')); // true原创 2021-05-25 14:23:17 · 207 阅读 · 1 评论 -
for...of循环字符串的遍历器接口
字符串的遍历器接口(for…of…循环)ES6为字符串添加了遍历器接口,使得字符串可以被for…of循环遍历for (let code of 'foo') { console.log(code)}除了遍历字符串,这个遍历器最大的优点是可以识别大于0xFFFF的码点for…of循环for…of适用遍历数/数组对象/字符串/map/set等拥有迭代器对象的集合。但是不能遍历对象,因为没有迭代器对象.与forEach()不同的是,它可以正确响应break、continue和return语句.原创 2021-05-25 14:02:52 · 2373 阅读 · 0 评论 -
React中点击选择复选框时下面内容变化
React中点击选择复选框时其下面内容变化选一个:选一个:都选:都不选:以上就是需求:我刚开始判断还是不够严谨的,控制的时候没有写清楚,是因为MJ告诉我是怎么控制,又学到一招了啊因为是复选框,就可以用*length*来进行判断呢代码来啦:这就是主要的逻辑呢:handleCheck = (e) => { if(e.length === 0) { this.setState({ flagPerson: false,原创 2021-04-27 18:10:23 · 701 阅读 · 1 评论 -
React中有关于单选按钮的选择以及其下内容的变化
选中单选按钮以及下面内容的变化目前碰到的需求是: 点击单选按钮,选择不同的按钮来显示不同的内容用的是 react 的组件库 Ant Design:这就是需要做到的要求:刚开始亏很懵逼的,然后通过学习做到了,但是用的是:组件来吧 ,看看代码:import React, { Component } from "react";import { Row, Col, Radio, Checkbox, Input } from "antd";const plainOptions = ['星期一',原创 2021-04-27 17:52:28 · 1179 阅读 · 0 评论 -
ES6新增语法总结与案例
ES6新增语法1、let、const(1)、变量声明let和const var a = 123 // let 声明的变量不存在预解析 console.log(a); let a = 123(2)、// let 声明的变量不存在预解析 let a = 123 let a = '123' console.log(a);(3)、// ES6 引入了块级作用域 if(true) { // var flag = 12 let flag = 11 } console.lo原创 2021-02-25 16:04:48 · 366 阅读 · 0 评论