React => Uncaught URIError: Это, вероятно, вызвано неправильной кодировкой процентов. исправлять

Question

работал в реакции, а затем столкнулся с проблемой, как

  Uncaught URIError: This is likely caused by an invalid percent-encoding

В настоящее время я работаю с API новостей, и некоторые статьи могут включать %. Все мое приложение зависит от отображения названий новостных статей в URL, потому что я использую this.props.match.params.id

Я пытался найти решение в Интернете, но большинство из них очень неясно, когда речь идет о решении именно этой проблемы.

Есть ли простой способ обойти эту проблему?

Answer 1

Вам необходимо использовать encodeURIComponent() с путем, который вы получите в качестве параметра: Пример:

const receivedArticleName = encodeURIComponent('Article Name with %');

Поскольку вы работаете с API, после его получения установите переменную URL с этим значением метода selectedArticleName ивсе готово.