[ React ] Basic List Component

import React from 'react';

function NumberList (props) {
  const numbers = props.numbers
  const listItems = numbers.map(number => ( <li>{ number }</li> ))
  return ( <ul>{ listItems }</ul> )
}

export default NumberList

import React from 'react';
import List from './List'

function App() {
  let numbers = [1, 2, 3, 4, 5]
  return (
    <div className="App">
        <List numbers={numbers}></List>
    </div>
  );
}

export default App;

Github連結