After implementing the article list component, you might decide that it's a good idea to break this component.
Another way to look at it is this—if it turns out that we don't actually need the item as its own component, this new component doesn't introduce much indirection or complexity. Without further ado, here's the article item component:
import React, { Component } from "react";
export default class ArticleItem extends Component {
render() {
const { article, onClickToggle, onClickRemove } = this.props;
return (
<li>
<a
href={`#{article.id}`}
title="Toggle Summary"
onClick={onClickToggle.bind(null, article.id)}
>
{article.title}
</a>
<a
href={`#{article.id}`}
title="Remove"
onClick={onClickRemove.bind(null, article.id)}
>
✗...