Reactjs 链接不'；t仅在子组件中工作

这是我的主页的一部分，分为以下几个部分：

它工作得很好，在我点击一个“微型模型”后，它会进入url（32只是文章的id），呈现Articolo.js组件（非常类似于Home.js）

现在有两个问题： 1） 微缩模型中的链接不再起作用了。如果我点击链接，url会正确更改，但文章的视图不会加载。 2） 文章的背景图像消失了

App.js：

类应用程序扩展了React.Component{
render（）{
返回(


)
}否则{
返回（卡里亚门托在科索…）
}
}
}导出默认主页
Articolo.js
```朗js
类Articolo扩展了React.Component{
建造师（道具）{
超级（道具）
这个州={
statoArticoli:[]，
加：错，
id:props.match.params.id
}
}
//加共体基本要素对每种大米的加工和加工数据库的影响
componentDidMount（）{
$.ajax({
键入：“获取”，
url:“http://localhost/pseudogazzetta2/src/REST/Articoli/leggi.php",
数据：“cerca=“+this.state.id+”&campo=id”，
数据类型：“json”，
成功：功能（RISPASTA）{
//这是一个成功的坎比亚国家
这是我的国家({
斯塔托阿尔蒂科利：里斯波斯塔，
卡里卡托：是的
})
}.绑定（此），
错误：函数（xhr、ajaxOptions、thrownError）{
警报（xhr.状态）；
警报（thrownError）；
}
})
}
render（）{
//加共体条件：加共体的组成部分在阿贾克斯塔塔加共体的基础上增加了内容，而不是在阿贾克斯塔塔
if（this.state.caricato）{
返回(
{this.state.statoArticoli[0].titolo}


{this.state.statoArticoli[0].data}
{this.createAGS（this.state.statoArticoli[0].tags）}
{this.state.statoArticoli[0.testo}


)
}否则{
返回（卡里亚门托在科索…）
}
}
}导出默认Articolo

Archivio.js：

类Archivio扩展了React.Component{ 建造师（道具）{ 超级（道具） 这个州={ statoArticoli:[]， 卡里卡托：错 } } //加共体基本要素对每种大米的加工和加工数据库的影响 componentDidMount（）{ $.ajax({ 键入：“获取”， url:“http://localhost/pseudogazzetta2/src/REST/Articoli/leggi.php", 数据类型：“json”， 成功：功能（RISPASTA）{ //crea l'array内容物gli articoli recenti const maxartoli=this.props.numero var articoliRec=Rispesta //这是一个非常重要的问题，因为它是一个富有的国家 对于（var i=0；i{ 返回( ) })} 莫斯特拉奥特罗 ) }否则{ 返回（卡里亚门托在科索…） } } } 导出默认档案 微型模型

类微型模型扩展了React.Component{
render（）{
返回(
{this.props.titolo}
)
}
}
导出默认缩影

您没有在此处处理请求的路线：

<Switch>
  <Route exact path="/cerca" component={ArticoliCercati}/>
  <Route exact path="/info" component={Info}/>
  <Route exact path="/contatti" component={Contatti}/>
  <Route exact path="/archivio" component={Archivio}/>
  <Route exact path="/" component={Home}/>
</Switch>

您应该再添加一个渲染“/articolo/32”

例如：

<Switch>
  <Route exact path="/cerca" component={ArticoliCercati}/>
  <Route exact path="/info" component={Info}/>
  <Route exact path="/contatti" component={Contatti}/>
  <Route exact path="/archivio" component={Archivio}/>
  <Route exact path="/articolo/:id" component={WhateverComponent}/>
  <Route exact path="/" component={Home}/>
</Switch>

---

然后您应该在路由上处理该id，以便提供正确的内容。

很抱歉，该路由已被处理，我必须在尝试修复错误时删除。我编辑了原文