为 React 组件创建随机 URL

Question

我有一个名为 Auction 的 React 组件，每次渲染时我都想用一个 uniq URL 渲染它，

这样我就可以分享这次特定拍卖的网址。 我正在使用 react-router-dom。

我有一个创建随机字符串的函数：

const generateRandomString = () => Math.random().toString(36).slice(2)

我想将其用作 path 语法中的 react-router-dom，如下所示：

<Route exact path={`/${generateRandomString()}`} render={() => <Auction />} 
/>

但这行不通。当我在组件中打印 window.location.href 时，它显示

<块引用>

http://localhost:3000/?

我错过了什么？

Answer 1

我认为您可能会错过路线路径中的斜线。

<Route exact path={ "/" + generateRandomString()} render={() => <Auction />} />