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并且重定向到{{ 1}}会导致任何问题，我认为不是，但也可以在其中添加问题。

关于如何以不同方式解决此问题或如何做才能使此方法更可靠的任何建议？如果您将其推向生产阶段，您将如何做？预先感谢！

更新-使用/ help并重定向到/ help

时，似乎给我错误

Answer 1

尝试

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

return <Link to={url} />;

重定向似乎不可靠

1 个答案: