以下哪项是为反应组件创建链接的正确方法？

Question

1. <a href={‘https://www.facebook.com/’}>Link1</a>
2. <a link-to={testContainer}>Link1</a>
3. <a href={[to-component]}>Link1</a>
4. <a href-to={‘https://www.facebook.com/’}>Link1</a>

抱歉，但我很困惑这是正确的答案。哪个以及为什么？

Answer 1

您的问题中未提及的其中一个选项是使用react-router来满足路由需求。这将涉及创建稍后用于导航不同组件的路线。以下示例显示了一个示例路由器。

      <Router >
        <Route path="/" component={Root}>
          <Route path="home" component={Home}/>
        </Route>
      </Router> 

您可以使用Link对象创建动态链接，该链接将导航到相应的组件。使用上面的示例，这看起来像是 <Link to="/home">Home</Link>

Answer 2

您可以在React应用中试用它。 它是React

的正确HTML属性

<a link-to={testContainer}>Link1</a>