下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 33 | 组件与类型(1):函数组件与类组件
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

TypeScript开发实战

共47讲 · 约450分钟
2992
免费
01 | 重塑“类型思维”
免费
02 | 类型基础(1):强类型与...
免费
03 | 类型基础(2):动态类型...
免费
04 | 编写你的第一个TypeScrip...
免费
05 | 基本类型
06 | 枚举类型
07 | 接口(1):对象类型接口
08 | 接口(2):函数类型接口
09 | 函数相关知识点梳理
10 | 类(1):继承和成员修饰...
11 | 类(2):抽象类与多态
12 | 类与接口的关系
13 | 泛型(1):泛型函数与泛...
14 | 泛型(2):泛型类与泛型...
15 | 类型检查机制(1):类型...
16 | 类型检查机制(2):类型...
17 | 类型检查机制(3):类型...
18 | 高级类型(1):交叉类型...
19 | 高级类型(2):索引类型
20 | 高级类型(3):映射类型
21 | 高级类型(4):条件类型
22 | ES6与CommonJS的模块系统
23 | 使用命名空间
24 | 理解声明合并
25 | 如何编写声明文件
26 | 配置tsconfig.json(1)...
27 | 配置tsconfig.json(2)...
28 | 配置tsconfig.json(3)...
29 | 编译工具:从ts-loader到...
30 | 代码检查工具:从TSLint到...
31 | 使用Jest进行单元测试
32 | 创建项目
33 | 组件与类型(1):函数组...
34 | 组件与类型(2):高阶组...
35 | 事件处理与数据请求
36 | 列表渲染与路由
37 | Redux与类型
38 | 搭建服务端开发环境
39 | 列表的CRUD
40 | 导出Excel
41 | 搭建Vue开发环境
42 | 组件封装
43 | 组件发布
44 | 共存策略
45 | 宽松策略
46 | 严格策略
47 | 结束语
本节摘要

精选留言(4)

  • 2019-09-24
    我在import CloseSvg from './images/close.svg';时遇到了报错TS2307: Cannot find module './images/close.svg'.这个是什么原因呢?该如何处理

    作者回复: 这是因为TypesScript无法识别非代码资源。
    解决方案,在根目录下添加 types/custom.d.ts:
    declare module "*.svg" {
      const content: any;
      export default content;
    }

    其他资源类似,参见 https://webpack.js.org/guides/typescript/#importing-other-assets

    2
  • 2019-08-19
    1. 类组件中定义属性:
    static defaultPops = {
      firstName: string,
      lastName: string
    }
    是不是应该是
    static defaultPops: Greeting = {
      firstName: string,
      lastName: string
    }

    2. 类型约束直接使用外部的interface定义不行吗? 为什么还要使用泛型中的变量约束呢?

    希望老师解答~
    展开

    作者回复: static defaultProps: Greeting = {
        firstName: "",
        lastName: ""
    }
    这样定义 defaultProps 的类型会报错,因为 Greeting 接口里还有一个 name 属性。

    不用泛型变量,this.props 的类型无法确定,在类的内部只能使用类型断言来访问属性:
    (this.props as Greeting).name
    这样很麻烦,而 React 声明文件把这些约束关系都用泛型定义好了。

    2
  • 2019-08-21
    为什么说,React.FC,可能会被官方废弃

    作者回复: 此处讲错了,应该是 React.SFC 被废弃了,这个表示无状态组件,会与函数组件混淆

    1
  • 2019-09-12
    在webstrom中用TS写React的JSX提示不够智能啊,不如VScode用着舒服,大家怎么配置的呢?