YYece的博客

!是逻辑取反，非的意思 console.log(!true)//false console.log(!undefined)//true !!常常用来做类型判断，在第一步!（变量）之后再做逻辑取反运算，在js中新手常常会写这样臃肿的代码： 判断变量a为非空，未定义或者非空串才能执行方法体的内容 var a; if(a!=null&&typeof(a)!=undefined&amp...

js 定时器有以下两个方法： setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。 setTimeout() ：在指定的毫秒数后调用函数或计算表达式。 这里用的是setInterval 1、定义 在用定时器的时候，定义一个变量来记录定时器的返回值 let myInterval: any;...

存输入框输入的值 <Input placeholder='请输入已绑定手机号' value={inputPhone} float ...

在js逻辑运算中，0、”“、null、false、undefined、NaN都会判为false，其他都为true。 逻辑或|| 只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。 只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。 总结：真前假后 逻辑与&& 只要“&&”...

作用 将子节点渲染在父组件以外的DOM节点的方案，portal是真实DOM，存在于DOM tree中 用法 import React, { Component } from "react"; export default class Portal extends Component { render() { return React.createPortal(this.props.c...

解决的问题 为了能让父组件直接操作子组件中的元素 import React, {Component} from 'react'; function Child(props) { return <button>{props.children}</button> } class Parent extends Component { constructor(p...

V16之前 class Parent extends Component { constructor(props, context) { super(props, context); this.r = null } componentDidMount() { this.r.onClick() } render(...

例子 使用类组件 import React from 'react' class Welcome extends React.Component { constructor(props) { super(props); this.sayHi = this.sayHi.bind(this); } sayHi() { alert(`Hi ${this.props...

作用 减少不必要的节点嵌套 react常常一个组件返回多个组件，fragments允许将子元素分组，而不用占用多个DOM节点 render() { return ( <React.Fragment> <ChildA /> <ChildB /> <ChildC /> </React.Frag...

什么叫状态提升 就是多个子组件共享一个状态（state），可以将state提到最近的父组件上，再用父组件的props分发给子组件 比如多个并列的子组件的联系就是共有一个父组件，多考虑他们之间的关系 ...

对象key和value相同时可以只写key this.setState({ temperature：temperature //可以简写成 temperature })