首页 > 解决方案 > 在 JavaScript 中更新

问题描述

所以我试图通过我的应用程序中的链接从一个页面移动到另一个页面,并且我有一个搜索更新的错误。基本上我在列表中有一个带有字符名称的链接,当我按下链接时,该方法应该获取字段的名称并将我重定向到该页面。问题是它总是在一个状态之前有点,例如我点击在一个角色上,然后我转到他的页面,然后如果我回来并单击另一个角色,我会将我带到第一个页面,并且只有在页面刷新时它才会向我显示正确的页面。因此我尝试了从代码刷新的方法和一个有效,但太慢了

这是代码

<List>
       {character.shows.map(
             show1=>(
                <ListItem>
                        <ListItemIcon>
                                   <Avatar src={`${process.env.PUBLIC_URL}/images/${show1.image}`}>

                                   </Avatar>
                        </ListItemIcon>
                        <ListItemText>
                        <Link onClick={() => this.goToShow(show1.name)}>{show1.name}</Link>

                        </ListItemText>
              </ListItem>
           )
      )}
  </List>

和功能

goToShow(param){
        axiosInstance.post("/user/search",param).then(
            res=>{
                localStorage.setItem("SEARCHED_SHOW",JSON.stringify(res.data.animeDTO))
            }
        )
        this.props.history.push("/user/searchedShow")
    }

标签: javascripthtmlhyperlinkrouter

解决方案


推荐阅读