React小记

react

1、React Component 一定要大写开头

在JSX中,小写标签名称被认为是HTML标签。但是,带小点(属性访问器)的小写标签名不是。

查看HTML标记与React组件。

  • <component />编译为React.createElement('component')(html标签)

  • <Component /> 编译 React.createElement(Component)

  • <obj.component /> 编译 React.createElement(obj.component)

2、type

type someType = string;

上面的含义是:someType与string等价,string类型有了另一个名字,那么定义以后怎么用呢?

let a: someType = 'Tim';

3、便捷的枚举类型写法

const arr = ['a', 'b', 'c'] as const;

type ABC = typeof arr[number];

// 等价于

type ABC = 'a' | 'b' | 'c'

4、需要规定对象每个value都是同一个类型时

const keys = ['zhang', 'a', 'mie'] as const;

type keysType = typeof keys[number];

interface Item {

name: string;

price: number;

}

const itemMap: {[key in keysType]: Item} = {

zhang: {

name: 'aaaa',

price: 123

}

}

以上是 React小记 的全部内容, 来源链接: utcz.com/z/382250.html

回到顶部