Link 组件不重定向页面

Question

我正在使用 algolia 搜索并按以下方式呈现我的点击

function Hit(props) {
  return (
    <div>
     <Link to={'/users/'+props.hit.userName} >
      <div className="hit-name">
        <p>{props.hit.userName}</p>
        <Highlight attribute="name" hit={props.hit} />
      </div>
      <div className="hit-description">
        <Highlight attribute="description" hit={props.hit} />
      </div>
     </Link>
    </div>
  );
}

我的问题：

当我点击其中一个点击时，Link 组件不会重定向页面，尽管当我从开发人员工具查看呈现的点击时它就在那里。

编辑 1：

我不想重新呈现所有组件我只想呈现我的 page.I 中的某些组件希望 Link 完成它的工作而不是重定向整个页面（抱歉冲突)

Answer 1

如果您想离开您的应用程序，您应该使用常规 <a> React 元素。如果您希望将用户重定向到应用程序内的其他路径，您可以使用 'react-router-dom'.

中的 <Redirect to="" /> 组件

Answer 2

Link 并不意味着是重定向页面的锚标记。它用于link到使用react router

的其他组件页面

function Hit(props) {
  return (
    <div>
     <a href={'/users/'+props.hit.userName}>
      <div className="hit-name">
        <p>{props.hit.userName}</p>
        <Highlight attribute="name" hit={props.hit} />
      </div>
      <div className="hit-description">
        <Highlight attribute="description" hit={props.hit} />
      </div>
     </a>
    </div>
  );
}

Link 组件不重定向页面

Link Component deosn't redirect page

javascript

frontend

reactjs

algolia