Как поменять хеш с помощью input (React)?

Question

[Denis_8106]

Есть функциональный компонент, в нем есть компонент Switcher, под капотом которого input type="checkbox". Как в Реакте, поменять значение хеша с помощью input? В JS можно было сделать финт ушами, ...как-то так:

location.href = window.location.pathname + '#' + lang;

Но в Реакте такой фокус не пройдет.

export default function Component() {
    let [lang, setLang] = useState('en');

    const chooseLang = (e) => {
        setLang(e.target.checked ? (lang = 'ua') : (lang = 'en'));
    };

    // location.href = window.location.pathname + '#' + lang;

    return (
        <section id='setting'>
      <Switcher
        id='lang'
        title='Language'
        label_lt='English'
        label_rt='Українська'
        value={lang}
        onClick={chooseLang}
      />
        </section>
    );
}

Comments

[n1ksON]

<Redirect to={`${window.location.pathname}#${lang}`} />

[Denis_8106]

Нашел еще вариант - через useLocation

Использовать react-router-dom библиотеку.

Оттуда, импортируйте useLocation, если вы используете функциональные компоненты:

import { useLocation } from 'react-router-dom';

Затем добавьте его в переменную:

const location = useLocation();

Затем вы можете использовать его как обычно:

location.pathname

PS: возвращаемый locationобъект имеет только пять свойств:

{ hash: "", key: "", pathname: "/" search: "", state: undefined__, }