TypeScript

生徒と教師Propsを型付けする

生徒と教師Propsを型付けする (typescript)#37e3162bd3c1

    <div className="App">
      <Student Data={{Name : "鈴木",Gakunen : 3}}/>
      <Teacher Data={{Name : "田中",Kyouka : "数学"}}/>

▸ この snippet は実行結果未収録

▸ 実行結果は未収録です

Source収録記事

この snippet は記事の「生徒と教師Propsを型付けする」セクションに登場する。コードの前後の文脈・ハマりどころの解説は記事本文で。

11 件

import React, {FC} from 'react';

const Student : FC = () => {
    return (

import React, {FC} from 'react';

const Teacher : FC = () => {
    return (

import React from 'react';
import logo from './logo.svg';
import './App.css';
import Student from "./Components/Student";

type Props = {
    Name : string,
    Gakunen : number
}

type Props = {
    Name : string,
    Kyouka : string
}

import React, {FC} from 'react';

type Props = {
    Name : string,