map

如下，定义一个map[string]string的struct, 相关文档

const languageExtIconMap: {
    [key: string]: string
} = {
    ".go": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/go/go-original.svg",
    ".tsx": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/typescript/typescript-original.svg",
    ".ts": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/typescript/typescript-original.svg",
    ".js": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg",
    ".jsx": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg",
    ".java": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/java/java-original.svg",
    ".md": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/markdown/markdown-original.svg",
    ".sh": "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/bash/bash-original.svg",
    '.sql': "https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/azuresqldatabase/azuresqldatabase-original.svg",
}

Array of Object

我们知道定义一个string的slice可以用string[], number的slice可以用number[]

那么如果User是一个Object呢？同理User[]或者Array<User>

HTML Input

• e: React.ChangeEvent<HTMLInputElement>

store reducers的action type

在reducers下定义function时，action.payload需指明具体类型，否则会报错, 案例如下: