Как правильно реализовать ссылки в ReactJS?

Question

[ilanagrk]

Сори, за возможно глупые вопросы, но что то не могу разобраться как делаются ссылки в реакте типа <a href="#"></a>?
То, как делается меню через роуты, это я понимаю. но что касается ссылок в теле документа?
Допустим, есть интернет магазин. На главной странице показываются карточки товара.
Как сделать так, чтоб кликая на одну карточку, товар открывался на новой странице и показывалась информация только по этому товару?

<BrowserRouter history={history}>
    <div>
         <Link to="/item:name"  >Read more</Link>
         <Route exact path="/item:name" render={ () => <ActiveItem  name={this.props.name}/> }/>
      </div>
</BrowserRouter>

В таком случае инфа по товару появляется тут же на стринице под карточкой. А url меняется.
Что я делаю не так?
И вообще это правильный подход ссылки на другие страницы делать таким образом?
А если у меня будет просто текст и в тексте ссылка тоже нужно использовать такую структуру?