如何使用查询字符串渲染组件 React-Router

Question

CodeSandbox —代码沙盒

我正在尝试使用 来呈现组件react-router，但我无法正确理解如何使用查询字符串。所以条件——如果?tbm=first? 它将呈现第一个组件等等。这该怎么做？

例子：

Answer 1

不同的查询字符串不会形成不同的路径。在您的示例中，路径始终相同，即/search，因此路由无法区分您的组件。

如果您将代码修改为具有三个实际路径（/first、/second和/third）并相应地修改链接，那么您的代码将按预期工作，请参阅

如果要打开查询字符串，则必须坚持使用带有路径的单个路由/search并根据解析的查询字符串显示组件对象，请参阅