export type StudentType = {
Name : string,
Gakunen : number
}
export type TeacherType = {
Name : string,
Kyouka : string
}
▸ この snippet は実行結果未収録
▸ 実行結果は未収録です
Source収録記事
この snippet は記事の「生徒と教師Propsを型付けする」セクションに登場する。コードの前後の文脈・ハマりどころの解説は記事本文で。
同じ記事から
11 件import React, {FC} from 'react'; const Student : FC = () => { return (未収録
生徒コンポーネント
#729f1587a369
import React, {FC} from 'react'; const Teacher : FC = () => { return (未収録
教師コンポーネント
#1a5f1a093793
import React from 'react'; import logo from './logo.svg'; import './App.css'; import Student from "./Components/Student";未収録
実行結果
#720620dbe2a8
type Props = { Name : string, Gakunen : number }未収録
生徒コンポーネント
#0c757106cf6f
type Props = { Name : string, Kyouka : string }未収録
教師コンポーネント
#3eab11d27cb9
import React, {FC} from 'react'; type Props = { Name : string,未収録
それぞれのコンポーネントで受け取れるようにする
#2ef1d9381b68
