Наследование в реквизитах React

У меня два класса:

class Link extends React.Component {
    render() {
        return <a href = {this.props.href}>{this.props.name}</a>;
    }
}

class ListLink extends React.Component {
    render() {
        return <li><Link href = {this.props.href} name = {this.props.name}/></li>;
    }
}

Как вы можете видеть, объявив ListLink, мне пришлось включить реквизиты для тега Link. Является ли это самым разумным способом создания компонентов, если вы хотите, чтобы их можно было использовать повторно? Я имею в виду, что в конечном итоге я получу такой хороший список:

<ul>
<LinkList name = "#" href = "#">
<LinkList  name = "#" href = "#">
.
.
.</ul>

Однако не лучше ли иметь только LinkList и определять его?

<li><a href=.. >link name</a></li>

(* Я задал конкретный вопрос, но я также стремлюсь лучше понять вопрос компонентов.)