점프는, 계면 인터페이스 점프 B 인터페이스 반응 인터페이스를 반환, 인터페이스 상태는 변경되지 않은 상태로 남아

돌아 가기에 대한 인터페이스, 당신은 모든 매개 변수가 다시로드됩니다 찾을 때 모든 단일 페이지 응용 프로그램, 난 기본 인터페이스 A와 B는 보조 인터페이스로 이동 문제가있을 것입니다

우리가 인터페이스 목록에서 뉴스의 많은 경우 여러 번, 설정 매개 변수에 의해 나는 뉴스의 자세한 내용은 다음을 반환로 향하고 뉴스에 클릭이 시간을 뉴스 목록의 일부를 선택

다음은 인터페이스, 우리는 사용자 경험은 분명 아주 나쁜 있도록 모든 조건이 리셋 것으로 나타났습니다.

그래서 REDUX 확실히 이해 방법을 사용하여 달성 할 수 있다고 큰 형제의 종류 신인이었다, 그래서 다른 방법을 소개합니다

는 B 인터페이스에 점프에서 B 인터페이스로 전송하면 아, 아 유지하려는 파라미터 데이터, 내부의 B 인터페이스를 저장하는 로컬 스토리지를 사용 후는 A 인터페이스는 로컬 스토리지에서 판단 할 수있는 경우는 존재하지 않는 돌아 왔을 때 파라미터에 대한 데이터의 직접적인 사용은 달리 온 일본어에있어서,가.

인터페이스

componentDidMount () { 
        backTop (); 
        localTemp하자 = JSON.parse (localStorage.getItem ( 'hotTemp는' )); 

        IF (localTemp는 || localTemp === === 정의되지 않은 널 (null) {// 여기에서 판정이되지 않는다)를 그렇지 않으면 B는 다시 초기화 요청이 
            상기 PARAMS의하자 =를 { 
                페이지 : 1. , 
                크기 : 20이다 
            } 
            이 본 .getHotEvent합니다 (PARAMS) 
        } 다른을 {// 경우 다시 B로하고, 아 데이터 아 조건을 넣어 직접의 디스플레이 상태로
             다음은이 .setState ({ 
                localTemp.pageNum : pageNum  
                hotEvent : localTemp.hotEvent,
                성공 : localTemp.success, 
                총 : localTemp.total 
            }) 
            IF (localTemp.sflag가) {// 여기에 내가 다시 필터 기준이 (가) 인터페이스를 입력 할 경우 필터 조건을 채우기 위해하지 않는 판사되었다,이 필터가 나타
                 은이 .setState ({ 
                    : localTemp.defaultInput, defaultInput 
                    startTime을 : localTemp.startTime, 
                    endTime- 사용자 : localTemp.endTime를, 

                })는 
                // this.getIeahotsSearch (localTemp.searchParam는); 
            } 다른 {// 여기에없는 임의의 필터만큼의 데이터가 될 수 

                // this.getHotEvent (localTemp.params); 
            } 
        } 

    }



<링크 클래스 명 = "왼쪽 transition3 리콜"  = {{
     경로 : "/ B" , 
      상태 : {eventArray : 항목, localState : 다음은이 .STATE은} // 여기에 내가, 보관 상태 B를 통과 할 데이터입니다 
}}
 > {item.title} </ 링크>

B 인터페이스

  componentDidMount () { 
     
       / * 保存界面列表的参数* / 
        경우 (  .props.location.state.localState! && == 미정  .props.location.state.localState! == ) { 
            localStorage.setItem ( "hotTemp "JSON.stringify ( .props.location.state.localState));
            // 을 console.log (localStorage.getItem ( 'hotTemp')); 
        } 

       
    }

그게 다야

참고 : 다른 인터페이스에서이 로컬 스토리지를 취소해야합니다

추천

출처www.cnblogs.com/yesu/p/10973743.html