javascript - 重定向似乎不可靠

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} />;