note-list.js

import React from 'react';
import Note from '../note/note';

export default function NoteList(props) {
  const {
    id,
    name,
  } = props;

return (
    <section className='note-list'>
      <ul>
      {
        props.notes.map(note => (
        <li className='list-notes'>
                <Note
                key={note.id}
                name={note.name}
              />
        </li>))
      }
      </ul>
    </section>
)
}