📅  最后修改于: 2023-12-03 15:23:42.939000             🧑  作者: Mango
escritorio opcion1
的 href
但只支持一个孩子 - Javascript有时在编写Web应用程序时,我们会使用<Link>
组件来处理路由导航。<Link>
组件可以很容易地将用户带到不同的URL路径。但在某些情况下,我们可能会遇到该组件仅支持传递一个孩子的问题。
其中之一是当我们使用href
属性设置外部链接时,我们无法将多个孩子传递给<Link>
组件。当我们需要将多个参数传递给外部链接时,我们可能会想到将它们连接到一个字符串中,然后将该字符串作为单个孩子传递给<Link>
组件。
在React中,我们可以使用模板字符串或字符串插值来连接多个参数,例如:
<Link to={`https://example.com/?param1=${param1}¶m2=${param2}`}>Link</Link>
其中,${param1}
和${param2}
是将要被连接的参数。
此外,如果我们需要在多个孩子中使用<Link>
组件,我们可以使用React.Fragment
将它们包裹起来,例如:
<React.Fragment>
<Link to="/page1">Page 1</Link>
<Link to="/page2">Page 2</Link>
</React.Fragment>
这样,我们就可以轻松地在多个孩子之间使用<Link>
组件,并在href
属性中传递多个参数。