対応
調べたところcloneElementを使えという話が多かったものの、
面倒そうなので簡単なのを探したところrenderを使うことで実現できた。
元々componentを使っていたものを
<Route exact path="/items/:itemId" component={ItemTop}/>
renderに変更する
<Route exact path="/items/:itemId" render={props=> <ItemTop {...this.props}/>} /> <Route exact path="/items/:itemId" render={()=> <ItemInfo item={item}/>} />
違う書き方もありそうだけど比較的コードが少なく済みそうなのでとりあえず良しとする。
なお、上記はReact-Router v4から利用可能な模様。