Пример машинописного текста + nextjs с необходимыми свойствами реквизита? - PullRequest
Новая
       24

Пример машинописного текста + nextjs с необходимыми свойствами реквизита?

0 голосов
/ 05 июля 2018

Попытка использовать @zeit/next-typescript для некоторых необходимых свойств реквизита.

Добавили его согласно инструкции здесь .

Вот мой компонент 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"]
  }
}
...