example-accessibility-2.js

import React, { Fragment } from 'react';

const ListItem = ({ item }) => (
  <Fragment>
    <span>{item}</span>
  </Fragment>
);

// Try to avoid index as key's

const List = ({ items = [] }) => (
  <div className="list-component">
    <ListTitle title="List component" />

    <div className="list-component-items">
      {items.map((item, index) => (
        <ListItem item={item} key={index} />
      ))}
    </div>
  </div>
);