Question

我有以下两个课程：

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>

（*我问了一个具体问题，但我也希望能更好地理解组件问题。）

Answer 1

我认为您已掌握要点。如果您希望LinkList组件为您创建ul和li，则可以将其传递给具有名称和href的对象数组，并对其进行迭代。或者，您可以采用该对象数组并对其进行遍历，为每个对象创建一个ListLink。或者，如果您只有几个，则手动将其键入。我认为，在这种情况下，您必须查看当前（和将来）的用例并确定最合适的用例。

React道具中的继承

1 个答案: