我们可以用 React JS 动态创建链接吗？答案

【问题标题】：Can we dynamically create links with React JS?我们可以用 React JS 动态创建链接吗？
【发布时间】：2017-05-01 02:41:02
【问题描述】：

想象一下，我想用 React 创建一个 Web 应用程序，比如 Instagram，用户可以在其中添加图片。然后添加的每张图片都与一个 URL 相关联，如下所示：

https://www.instagram.com/p/BTg4ZopggE9

我们该怎么做？

我知道有这个模块“react-router”，但据我所知，它只适用于程序员硬编码的一组预定义路由（不能动态创建 URL）。

【问题讨论】：

您可以将参数传递给路由，例如 /p/:image_id 其中 image_id 是一个变量
reacttraining.com/react-router/web/example/url-params 是文档中的第二个链接。

标签： javascript reactjs react-router

【解决方案1】：

虽然 react-router 中的路由确实是预先定义的，但参数可以是动态的。例如，你可以有一个类似/images/:imageId 的路由，ImageId 只不过是一个保存图像 id 的变量名。现在，当用户在那里导航时，他们会看到这样的 url，/images/12ert56 或类似的东西。然后它们被路由到的组件将通过调用this.props.params.imageId 从参数中读取图像 id，然后该组件将向它们显示相应的图像。

【讨论】：