【TypeScript】Type 'string' is not assignable to type 'number | undefined'.の対処

2770 ワード
自分用メモ TypeScript error error テキストリンク

はじめに

Reactでzeit-ui/reactのstyleを適用させようとすると、以下のコンパイルエラーとなった。

エラー内容

Type 'string' is not assignable to type 'number | undefined'.ts(2322)

numberのところにstringのtypeを割り当てることはできません。

そうですね。
できませんよね。

対処

import * as React from "react";
import { Image } from '@zeit-ui/react'

export function SampleImage() {
  let width: number
  return <Image
    width="540"
    height="160"
    src="http://www.deelay.me/2000/https://react.zeit-ui.co/images/custom-domains.png" />;
}

この様にしていたのを、


width={540}
height={160}

このように修正するとエラーが消えました。

終わりに。

最後まで読んで頂きありがとうございます
転職の為、未経験の状態からRailsを学習しております。正しい知識を着実に身に着け、実力のあるエンジニアになりたいと考えています。継続して投稿していく中で、その為のインプットも必然的に増え、成長に繋がるかと考えています。
投稿の内容に間違っているところや、付け加えるべきところが多々あるかと思いますので、ご指摘頂けると幸いです。この記事を読んで下さりありがとうございました。