javascript - 我的 react 路由器链接标签不会更改我的页面

标签 javascript reactjs hyperlink react-router

我有以下结构:

<CategoryRecipesList>
  <Title> Recipes for {this.props.category} </Title>
  <Mesh> You can also click on : {categoryList.map(el => <Link to={'categories/' + el}>{el}</Link>} </Mesh>

  <Grid>
   recipes.map((s, i) => <Card {...s}/>)
  </Grid>
</CategoryRecipesList>

我在 CategoryList 组件上有一个构造函数,用于获取 recipes根据 category 列出参数。

当我点击<Link/>时标签、标题和 url 更新,但 <Card> 不更新s 在网格中。

有人知道吗?

最佳答案

您可能正在查看Update Blocking 。尝试用 withRouter 包装 Card 组件.

export default withRouter(Card)

关于javascript - 我的 react 路由器链接标签不会更改我的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43497939/

相关文章:

javascript - ant design v4 打破了对 Select 和 Autocomplete 的 react 测试库测试

html - 超链接消失

jquery - 确定哪个链接提交了表单

javascript - 带你的href视频

reactjs - React.ComponentProps 的 React 语法问题

javascript - `mapHooks`失败时重定向到另一条路由

javascript - 如何使用选项卡外部的链接浏览 jquery 选项卡

javascript - 如何在安卓浏览器中制作滚动条

javascript - 将多个变量传递给函数以添加/删除类 Jquery/Javascript

javascript - app.use(session()) 给出错误未定义