javascript - 从它更改路径时反应js不会因为它没有完成加载页面

Question

我想要做的是当您点击一个具有一组渲染另一个组件的元素时。但是发生在我身上的是，当我给它另一个组件时，它不会渲染，因为前一个组件还没有完成加载它拥有的图像。那么有没有办法即使我正在加载图像我更改我的组件并且不期望它加载所有内容以便转到另一个组件？

在这里，我将我的代码留在我有路线的地方，以及我如何通过链接调用另一个组件。

  return (
      <BrowserRouter>                
        <Route exact path="/viewService/:id" component={VerServicio} />
        <Route exact path="/login" component={Login} />
        <Route exact path="/signup" component={Register} />
        <Route exact path="/myprofile" component={MyProfile} />
        <Route exact path="/newservice" component={NewService} />
        <Route exact path="/editservice/:id" component={NewService} />
        <Route exact path="/pruebas" component={Pruebas} />
        <Route component={Home} />
      </BrowserRouter>      
      // <NewService></NewService>
  );
}```

<Link to={{ pathname: "/viewService/" + currentData.id, state: {currentData}}}>
    <input type="hidden" id="serviceID" name="serviceID" value={currentData.id} />
    <input type="hidden" id="userID" name="userID" value={currentData.user_id} />
    <img className="card-img-top" alt={currentData.alt} src={(this.props.url+currentData.serviceImage[0].attachment)}></img>
    <div className="card-body card-mod-text">
        <h6 className="card-text mt-1 font-weight-bold">{currentData.title}</h6>
        <p className="card-text font-weight-bold">{currentData.price}€/h · <span className="texto-dis">25 km de mi</span></p>
    </div>
</Link>

标签： javascriptreactjsurlreact-router-dom