YYece的博客

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

js 定时器有以下两个方法：setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setTimeout() ：在指定的毫秒数后调用函数或计算表达式。这里用的是setInterval1、定义在用定时器的时候，定义一个变量来记录定时器的返回值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 })