React使用URL在页面上填写信息可以吗

Question

我正在开发一个使用React和Redux的应用程序。我很难弄清楚如何使用Redux在我的应用程序中的一个页面上填写信息(这是我的目标(，所以我找到了如何使用URL。所以我的问题是，这样可以吗？这最终会导致我的代码出现错误吗？

以下是我所指页面的一个示例：

const MovementPage = () => {
const classes = useStyles();
const location = useLocation();
const pathArray = location.pathname.split('/');
const movementNameURL = (pathArray[2]);
const notFound = () => {
if (movementNameURL === undefined) {
return (
<div className={classes.notFound} >
Movement not found. Click Home button to return to Home Page.
</div>
)
}
return <PercentChart />
};

return (
<div>
<Header title={movementNameURL} />
{notFound()}
</div>
);
};
export default (MovementPage);

Answer 1

是的，将来当应用程序增长时，它可能会给你带来麻烦。因此，如果您可以使用react-router来处理URL内容，那会更好。基本上，你可以使用这个包来完全处理应用程序的导航。它真的很容易配置。您可以参考此文档。

https://reactrouter.com/core/guides/quick-start