具有所需props属性的打字稿+ nextjs的示例？

Question

尝试将@zeit/next-typescript用于某些必需的道具属性。

已按照说明here添加了它。

这是我的组件tag.tsx：

interface Props {
  itemName: string
}
export default function Tag(props: Props) {
  return <span className="tag">{props.itemName}</span>
}

我试图定义props应该具有类型为itemName的称为string的属性。

我知道strictNullChecks在默认情况下是关闭的，所以我尝试传递number <Tag itemName={1}/>。但是我没有任何错误。

我使用得对吗？

顺便说一句，正在添加"strictNullChecks": true来开启它吗？

我的tsconfig.json：

{
  "compileOnSave": false,
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "jsx": "preserve",
    "allowJs": true,
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "removeComments": false,
    "preserveConstEnums": true,
    "sourceMap": true,
    "skipLibCheck": true,
    "baseUrl": ".",
    "strictNullChecks": true,
    "lib": ["dom", "es2016"]
  }
}