반응 라우터 4가 검색어 매개 변수로 URL을 업데이트하지 않습니다.

Question

고급 필터 구성 요소를 사용하여 사용자가 다른 유형의 필터와 링크를 공유 할 수 있도록 URL에 검색어 매개 변수를 추가합니다.

구성 요소를 withRouter()으로 내보낼 때 모든 것이 합법적 인 것 같습니다. 구성 요소 소품에 내역이 삽입됩니다.

this.props.history.push({ 
     pathname: this.props.history.location.pathname, 
     query: { tags: selectedTags } 
    }); 

그것이 this.props.history의 상태를 변경 않으며, 내 쿼리가 존재 볼 수 있지만 브라우저에서 URL이 변경되지 않습니다 나는이 코드 조각을 호출하지만 때. 내가 뭔가 잘못하고 있는거야?

Answer 1

동일한 상황이 발생했습니다. 내 솔루션은 pushState() 브라우저의 기록 API를 브라우저의 URL을 변경할 수있는 방법을 사용하는 것입니다. 페이지 콘텐츠를 변경하는 측면에서 React의 setState() 메소드를 사용합니다.

Answer 2

당신은 당신의 코드가 있어야한다, 잘못 사용하고 있습니다 :

this.props.history.push({ 
     pathname: this.props.history.location.pathname, 
     search: `?tags=${ selectedTags }` 
    }); 

당신은 탐색에 대한 자세한 내용을보실 수 있습니다 : https://github.com/ReactTraining/history#navigation