React Router：通过动态路由访问资源的有效方法

Question

我有这个

<Switch>
    <Route exact path="/" component={LandingPage} />
    <Route exact path="/catalog/:id" component={Video} />
</Switch>

视频组件使用在应用程序不同位置使用的组件，如果我想从 Video 组件的子组件访问资源，则必须使用路径 ../ images ，但是如果我使用其他路径（例如path =“ /”）中的那些组件，则必须使用 ./ images 路径。

为了解决这个问题，我想出了类似的东西：

{this.props.doubleSlash
    ? <img src={'../images/' + assetName}/>
    : <img src={'./images' + assetName} />

是否有更好的方法来解决这个问题？

谢谢！