TypeScript

それぞれのコンポーネントで受け取れるようにする

出典: 【React×Typescript】typeのPropsをジェネリックで定義して共通化する — ２つのコンポーネントで使う型を用意する / それぞれのコンポーネントで受け取れるようにする

それぞれのコンポーネントで受け取れるようにする (typescript)#f8304cbaf936

    <div className="App">
      <Student　Name={"鈴木"} Gakunen={3}/>
      <Teacher/>

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

▸ 実行結果は未収録です

Source収録記事

この snippet は記事の「２つのコンポーネントで使う型を用意する / それぞれのコンポーネントで受け取れるようにする」セクションに登場する。コードの前後の文脈・ハマりどころの解説は記事本文で。

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,