태그를 사용하여 경로를 따라가면 React-Router가 새로 고침 페이지입니다.

태그를 사용하여 경로를 따라가면 React-Router가 새로 고침 페이지입니다.

미리 정의된 경로를 가리키는 링크가 있는 리액트 앱을 만들고 있습니다.

<a href="/my/react/route/">Click Here</a>

루트는 정상적으로 해결되지만 페이지를 새로 고치고 있기 때문에 앱 성능이 저하됩니다.페이지 전체를 다시 렌더링하지 않도록 하려면 어떻게 해야 합니까?

를 사용하여 문제를 해결합니다.<Link>리액트 리액트 리액트 리액트 리액트 리액트에 포함된 태그

import React from "react";
import { Link } from 'react-router-dom';

export class ToolTip extends React.Component {
  render() {
    return (
      <Link to="/My/Route">Click Here</Link>
    )
  }
};

첫 번째 답변은 맞았지만 리액트 라우터 돔의 링크를 찾을 수 없었습니다.내 경우엔 이렇습니다.

import { Link } from 'react-router';

다음 사항이 필요합니다.

import { Link } from "react-router-dom"

다음으로 이동할 컴포넌트를 Import합니다.

import Example from "./component/Example"

그럼 이렇게 링크를 사용하세요.

<Link to="/Example">
   <h4>Example Page</h4>
</Link>

이렇게 하면 개운하지 않게 됩니다.

주의해 주세요.to="/Example"에서 지정한 경로와 일치합니다.BrowserRouter그리고 그곳으로 보내집니다.

자세한 것은 이쪽훈련/리액트 라우터

Hi semantic ui 반응 예제

             <Menu.Item name="NotFound" as={NavLink} to="/dadsadsa" />

위의 방법이 작동하지 않는 경우 경로를 정의하는 올바른 구성 요소를 가져오고 있는지 확인하십시오.(내 경우 이름은 같지만 잘못된 경로에서 컴포넌트를 Import했습니다.)

언급URL : https://stackoverflow.com/questions/33964566/react-router-is-refreshing-page-when-i-follow-a-route-using-a-tag