反应重新渲染组件但不是整个页面问题

Question

我正在尝试在我的网页上重新渲染一个组件以做出反应，但我遇到了麻烦。当我单击后退按钮时，我想转到按字母顺序排列在当前部分之前的部分 - 我将组件的部分分解为字母。所以我的 handleBack 函数应该重新渲染组件。这是我下面的代码：

function handleBack() {
    const currentId = window.location.href.split('/').pop();

    const backId = String.fromCharCode(currentId.charCodeAt() - 1);

    return(

       <Route>

         <Redirect from={'/form/${currentId}'} to={'/form/${backId}'} />

       </Route>);

}

例如，它知道 currentID 是 B，backID 是 A，但它没有重新渲染组件并显示页面 A。为什么会发生这种情况？我该如何解决？我认为路由和重定向会起作用，但它什么也没做。

Answer 1

第一

把它改成....

function handleBack() {
    const currentId = window.location.href.split('/').pop();

    const backId = String.fromCharCode(currentId.charCodeAt() - 1);

    return(

       <Route>

         <Redirect from={'/form/${currentId}'} to={'/form/${backId}'} />

       </Route>);

}

到...

function handleBack() {
    const currentId = this.props.match.params.id; // Use the route params instead of using window.location

    const backId = String.fromCharCode(currentId.charCodeAt() - 1);

    this.props.history.push('/form/${backId}');

}