从 URL React.js 动态获取价值

Question

我有一个问题，我需要从 URL 获取一些值，但是我需要在要渲染的第一个组件中获取该值，因此该组件不在任何 Route 或其他东西中，我猜这样我无法使用useParams钩。

const bookSlug = location.pathname.split('/')[3];

我现在像这样从 url 获得价值，我认为这不是一个好方法。 还有其他方法吗？

Answer 1

获取路径：

在这种情况下，我们使用useLocation和 location object 返回给我们

 { key: 'ac3df4', // not with HashHistory: pathname, '/somewhere': search? ',some=search-string': hash, '#howdy': state: { [userDefined] true } }

获取查询字符串属性：

在这种情况下，我们使用useParams 。 这个钩子返回一个 object URL 参数的键/值对。

我你的情况useLocation会做你的工作。