Estoy tratando de construir un enlace de enrutador a través de mi aplicación,

En este escenario, tengo tres archivos.

App.js

Book.js

DetailedView.js

Tengo dentro del libro construido un<Link> que solo aparece cuando se cierne (sobre la portada de un libro)

{this.state.isHovered ? (
   <Link to={`/details/${this.props.book.industryIdentifiers[1].identifier}`}>
<div className="hover-box"></div>
</Link>) : ( <div /> )}

Esto me llevará a / detalles / 12345 (número isbn10)

Lo que me cuesta entender es cómo, por ejemplo,setState({iPressedThisBook}) al presionar<Link> o si puedo usar la parte después/12345 para crear como un filtro

Porque enApp elRoute será conectado como ...

<Route path="/details/:id" render={() => (
          <BookDetailedView
            bookStateUpdated = {this.bookStateUpdated}
            book = {this.state.books}
          />
)}/>

Yo, más adelante, quiero agarrar el:id así que hago por ejemplo unthis.props.book.find(:id) dentro de mi<BookDetailedView>