У меня в поисковой строке вместо знака «+» отображается вот такие символы «%2b». Как это решить? Может функцию можно какую-то прописать?

Question

[Garri_Klim]

const SearchForm = () => {
    const [isSearchOpen, setSearchOpen] = useState(false),
        formRef = useRef(null);
    useClickOutside(formRef, () => setSearchOpen(false));
    const [inputText, setInputText] = useState("");
    const handleSubmit = e => {
        if (inputText.length >= 150) {
            alert('Maximum length 150 characters ')
            e.preventDefault();
        }
    };


    return (
        <form
            ref={formRef}
            className={cn("search-form", {
                "search-form--focus": isSearchOpen,
            })}
            onClick={() => setSearchOpen(true)}
            onKeyPress={() => setSearchOpen(true)}
            action="/search"
            // eslint-disable-next-line
            role="searchbox"
            onSubmit={handleSubmit}
        >
            
            <input
                value={inputText}
                onChange={e => setInputText(e.target.value)}
                className="search-form__input"
                name="filter"
                type="text"
            
            />
          
            
            <button
                className="search-form__button"
                type="submit"
                aria-label="Header search button"
            />
        </form>
    );
};

Answer 1

[Nikolay Matyushkin]

decodeURIComponent(/*any string*/)

Comments

[Garri_Klim]

а куда это вставить? подскажите пожалуйста

[Nikolay Matyushkin]

Garri_Klim, а я откуда знаю?) Это функция, которая декодирует строку URI. Следовательно, что бы не получать кодированную строку URI, нужно её прогнать через декодер, коим и является decodeURIComponent()

[Nikolay Matyushkin]

decodeURIComponent

[Сергей delphinpro]

Nikolay Matyushkin, если человек не знает, что такое url-кодирование, то ему бесполезно писать такие ответы. Это не программист. Тут нужно разжевать и в рот положить.

[Nikolay Matyushkin]

Сергей delphinpro, ну, это не мои проблемы))