摘要： 1.通过以下五步将 Clock 的函数组件转成 class 组件： 创建一个同名的 ES6 class，并且继承于 React.Component。 添加一个空的 render() 方法。 将函数体移动到 render() 方法之中。 在 render() 方法中使用 this.props 替换 p 阅读全文

摘要： 1.定义有效的React组件，有两种方式 1.1 通过函数形式 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 1.2 通过类形式 class Welcome extends React.Component { ren 阅读全文

摘要： 与浏览器的 DOM 元素不同，React 元素是创建开销极小的普通对象。React DOM 会负责更新 DOM 来与 React 元素保持一致。 React DOM 会将元素和它的子元素与它们之前的状态进行比较，并只会进行必要的更新来使 DOM 达到预期的状态。 React 元素是不可变对象。一旦被 阅读全文

摘要： 我们可以通过使用命令npx create-react-app my-app来创建一个React项目 React的目录结构如下： 其中index.js是程序的入口 import React from 'react'; import ReactDOM from 'react-dom/client'; i 阅读全文

摘要： 分为SCSS（Sassy CSS）和Sass（Indented Sass） 任何一种格式可以直接 导入 (@import) 到另一种格式中使用，或者通过 sass-convert 命令行工具转换成另一种格式 $ sass-convert style.sass style.scss $ sass-co 阅读全文

摘要： interface Add { } function add<T>(a: T, b: T): T[] { return [a, b] } let res = add<number>(1, 2) console.log(res) 阅读全文

摘要： 迭代器 let s = [1,2,3,4] let it:Iterator<number> = s[Symbol.iterator]() console.log(it.next()); console.log(it.next()); console.log(it.next()); console.l 阅读全文

摘要： let s: symbol = Symbol("123") let s1: symbol = Symbol("123") let o = { [s]: "111" } console.log(o[s]); console.log(s, s1, s1 s); 阅读全文

摘要： let a: string & number function error(message: string): never { throw new Error(message) } // error("my error") function loop(): never { while(true) { 阅读全文

摘要： // 类型推断 let a = "13" // 类型别名 type s = string type sn = string|number type cb = ()=>string type T = 'off' | 'on' 阅读全文