主页 / 问题 / 1127168
Accepted
Volodumr
Asked:2020-05-18 01:27:31 +0000 UTC2020-05-18 01:27:31 +0000 UTC

如何删除 react-router-dom 地址栏中的百分比图标

  • 772

我正在使用 react-router-dom 导航到电影详细信息页面。在路上我指出

pathname: `/about/${value.title}`, // {value.title} это название фильма, его я получаю через API.

但是当电影标题中有空格时，在地址栏中用百分号和数字20代替，例如（http://localhost:8080/about/Jojo%20Rabbit，电影的原始标题是“乔乔兔”）。我该如何解决这个问题或对此做些什么？

路线

    <Switch>
        <Route path="/about/:name" children={<ChooseFilm />} />
    </Switch>

谢谢！

javascript

1 个回答

  1. Best Answer

    为了 SEO 和可读性，建议用“-”替换空格。

    'Film name'.replace(/ /g,"-");

    一般情况下，链接应该只包含字母，即名称中除字母外的所有字符都替换为“-”并缩减为小写。

    • 1

相关问题