Перенаправление не кажется надежным

Question

Я пытаюсь перенаправить пользователя к статье, на которую он нажал, когда щелкнул статью.Иногда кажется, что это работает, а иногда ничего не делает.

const searchResult = props => {
    const [url, setUrl] = useState('');

    const listItemClicked = url => {
        setUrl(url);
    };

    if (url !== '') {
        console.log(url);
        return <Redirect to={url} />;
    }

    return (
        <li key={props.resultName} className="result-list" onClick={() => listItemClicked(props.url)}>
            <div className="result">
                <p>{props.resultName[0].toUpperCase() + props.resultName.slice(1)}</p>
            </div>
        </li>
    );
};

export default searchResult;

console.log (url);показывает URL-адрес каждый раз, хотя, что-то нужно иметь в виду, поэтому я сказал, что перенаправление не очень надежно / также нужно использовать случай, если я уже на /help и я перенаправляю на /helpэто вызывает какие-то проблемы, я так не думаю, но просто добавляю это там.

Есть ли какие-либо рекомендации о том, как я могу решить это по-другому или что я могу сделать, чтобы сделать это более надежным?Как бы вы это сделали, если бы продвигали это в производство?Заранее спасибо!

Обновление - Кажется, выдает ошибку, когда я вхожу в / help и я перенаправляю в / help

Answer 1

Попробуйте

import { Link } from 'react-router-dom'

return <Link to={url} />;