如何在React项目中通过下拉框切换来动态修改浏览器URL?-灵析社区

我爱上班

react 项目,切换下拉框时,修改浏览器路由 ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241001/e5e9e97e8463aed62577f57264f1103a.png) 切换下拉框时,浏览器的url 地址对应修改

阅读量:140

点赞量:0

问AI
监听下拉组件的Change事件,然后使用 "location" (https://link.segmentfault.com/?enc=NOJqD4I3WpogFH5f9ZtTiw%3D%3D.j0U9xg5saODMH4Q4k0D44geNS39Jk9oLDPXHhqkWCAmjnj1yBwBYg7pMm0m4Z61L5mjbmd4EleW73zGwqxNkDQ%3D%3D) 这个API修改对应的部分。 *** 如果你是使用的 "react-router" 这个路由库也可以直接使用对应的API 👉 "useNavigate v6.22.3 | React Router" (https://link.segmentfault.com/?enc=CyTTtrvz8GRTZI1%2Fu57IPA%3D%3D.IVM5KADvnPak4DqVAA%2FLfXP7wmJtApnsWi1oEtpPQ7xpXkgYIb9tCVMsCP4%2Fa%2B%2Fk7BoSLsht93n3l3h1oNXhfg%3D%3D) 如果是在一些应用框架的基础上开发也是一样的: 👉 "路由 -UmiJS" (https://link.segmentfault.com/?enc=R%2F9oNjmuyBizxqLS%2B3%2FJ6w%3D%3D.vJb8by2JOtdrXB%2BKm5qzClu6CfA23UZXd67qY5qNqQjaFlYJJ8JB6d2EXyxToWsXVWplZeDqdU2ujyGIm%2B1A3rzBC97jAgsTI6%2BdhlvyNsc%3D) 👉 "Functions: useRouter | Next.js" (https://link.segmentfault.com/?enc=S0zuSSmZ7uDlW9U3AIDaYg%3D%3D.kK5GK93sm4ExUW1i33GdQl3gZ5eV35G2ByZ3Q98KAWTPHapaMdBqcyoFbROUinZVXbvoI4OT9C6GALxQ8PRBuw%3D%3D)