内容へ移動
猫型iPS細胞研究所
ユーザ用ツール
ログイン
サイト用ツール
検索
ツール
文書の表示
以前のリビジョン
バックリンク
最近の変更
メディアマネージャー
サイトマップ
ログイン
>
最近の変更
メディアマネージャー
サイトマップ
現在位置:
INDEX
»
react
»
listサンプル
トレース:
react:listサンプル
この文書は読取専用です。文書のソースを閲覧することは可能ですが、変更はできません。もし変更したい場合は管理者に連絡してください。
====== listサンプル ====== <code javascript App.tsx> import React from 'react'; import { Message } from './Message'; import NameList from './NameList' const names = ['Alice', 'Bob', 'Carol']; const App: React.FC = () => { return ( <div> <NameList names={names}/> </div> ); } export default App; </code> <code javascript NameList.tsx> import * as React from 'react'; const NameList = (props:any) => { const listItems = props.names.map((name: React.ReactNode) => <li>{name}</li> ); return ( <ul>{listItems}</ul> ); }; export default NameList; </code> {{:react:pasted:20200101-184859.png}}
react/listサンプル.txt
· 最終更新: 2020/01/01 18:49 by
ips
ページ用ツール
文書の表示
以前のリビジョン
バックリンク
文書の先頭へ