ES6
qiqi-fairy
菜鸟记录学习点滴,希望大佬多多指教
展开
-
关于react的组件间传参,今天自己全部写了一遍
组件间传参-react props组件间传参 今天很高兴,因为确实对于react用的半知不解的,有些东西很迷茫的,但是又不大好意思麻烦别人,就今天整理出来后就感觉到了很顺畅,很有成就感 忍不住想分享一下,嘻嘻 props是react的三大属性之一,主要用于数据传参 父组件给组件传参: 父组件中在子组件的实例上面泻药传的属性,然后在子组件中直接通过this.props直接接收 ---------------父组件 import React, { Component } from 'react' import原创 2021-05-26 18:03:38 · 379 阅读 · 0 评论 -
ES6中新增的字符串新增方法
ES6中新增的字符串新增方法 indexOf includes startsWith endsWith var str = "lezijie" // 找到字符在第几位,按下标算,从0开始 console.log(str.indexOf("i")); // 3 // 可以用来替换indexOf, 不过返回的是布尔值,表示是否找到了参数字符串 console.log(str.includes('j')); // true原创 2021-05-25 14:23:17 · 174 阅读 · 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 · 2329 阅读 · 0 评论 -
React中点击选择复选框时下面内容变化
React中点击选择复选框时其下面内容变化 选一个: 选一个: 都选: 都不选: 以上就是需求: 我刚开始判断还是不够严谨的,控制的时候没有写清楚,是因为MJ告诉我是怎么控制,又学到一招了啊 因为是复选框,就可以用*length*来进行判断呢 代码来啦: 这就是主要的逻辑呢: handleCheck = (e) => { if(e.length === 0) { this.setState({ flagPerson: false,原创 2021-04-27 18:10:23 · 644 阅读 · 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 · 1109 阅读 · 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 · 330 阅读 · 0 评论