サイドバー

react:listサンプル

以前のリビジョンの文書です

listサンプル

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;

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;

react/listサンプル.1577872106.txt.gz · 最終更新: 2020/01/01 18:48 by ips