Dva: [토론]-페이지의 초기 데이터 종속성에 대한 설명

에 만든 2017년 12월 17일 · 3코멘트 · 출처: dvajs/dva

공식 문서 와 해커뉴스 예제에서는 모델의 구독에서 일치하는 히스토리 url을 청취하는 방법을 사용하여 다음과 같이 페이지의 초기 데이터를 로드합니다.

//摘自api文档
app.model({
  namespace: 'todo',
  // ... 
  subscriptions: {
    setup({ history, dispatch }) {
      // Subscribe history(url) change, trigger `load` action if pathname is `/`
      return history.listen(({ pathname }) => {
        if (pathname === '/') {
          dispatch({ type: 'load' });
        }
      });
    },
  },
});

포털: dva-hackernews의 유사하게 작성된

이 페이지 구성 요소의 수명주기 동안 데이터를로드 다르다. 예를 들어, hackernews 같은 예에서, 우리의 componentWillMount 또는 componentDidMount에서 해당 효과 작업을 파견하도록 선택할 수 있습니다 ListPage를 으로부터 생각도 요청을하고, 서버 렌더의 관점. , 이러한 종류의 페이지의 초기 데이터 종속성을 선언할 책임이 있는 추가 수명 주기(예: next.js의 getInitProps)를 추가할 수 있습니다.

페이지의 초기 데이터 종속성을 모델의 서브스크립트에 넣는 현재 방법에 대해 다음과 같은 질문이 있습니다.

URL 일치 논리의 반복: URL 매개변수를 구문 분석하여 비즈니스 논리에 전달하는 것은 라우터의 책임입니다.hackernews의 예에서 우리는 그들 중 일부가 반복되고 심지어 상대적으로 "낮은 수준"인 것을 볼 수 있습니다. pathToRegex와 같은 라이브러리(react-router/express 뒤에 있음) URL 일치 및 구문 분석에도 사용됨)
업무 분리: 서로 다른 관행은 서로 다른 의미론에 해당합니다. 페이지는 페이지가 의존하는 데이터를 선언합니까, 아니면 모델이 데이터 로드를 수행할 URL을 선언합니까?
페이지가 요청에 대한 제어권을 잃음 요청이 성공하거나 실패한 후 페이지에서 특정 로직을 실행하려는 경우 페이지 자체가 데이터 로드 동작을 인식하지 못하기 때문에 구현이 더 어렵습니다.
서버 렌더/동형 시나리오를 처리하는 방법은 실제로 3의 연속입니다. 서버 렌더에서 "먼저 페이지가 의존하는 데이터를 로드한 다음 페이지 렌더링을 수행"해야 하며, 요청 문이 그렇지 않은 경우 페이지 수준에서 이 작업을 수행해야 합니다.
구독 디자인은 elm의 영향을 받는 것 같지만 elm의 구독은 실제로 많이 사용되지 않습니다. websocket과 같은 시나리오를 다룰 때만 사용됩니다. 초기 요청은 여전히 page 문 init를 통해 이루어집니다.

물론 dva는 어떤 방법을 사용하는지에 제한 을 두지 않고 dva에서 페이지 컴포넌트의 생명주기를 사용하는 것은 완전히 가능하지만 실증적인 효과가 있는 공식 문서와 예제에서는 다른 방법을 사용한다고 생각합니다. 고려 사항을 모르겠습니다. 전에 WeChat 그룹 질문을 추가했지만 답변을 얻을 수 없었습니다. 별로 설득력이 없는 것 같아서) 문제를 냈는데 귀찮게 해서 미안해.
@sorrycc

discussion wontfix

출처

kpaxqin

모든 3 댓글

모델의 inithook

              邮箱：[email protected]

서명은 NetEase Mail Master에 의해 사용자 정의되었습니다.2017년 12월 17일 16:30에 Qin Junwen은 다음과 같이 썼습니다. 다음과 같이 페이지에 대해.
//API 문서에서
app.model({
네임스페이스: '도도',
// ...
구독: {
설정({ 기록, 발송 }) {
// 구독 히스토리(url) 변경, 경로명이 / 경우 load 액션 트리거
반환 history.listen(({ 경로 이름 }) => {
if (경로 이름 ==='/') {
디스패치({ 유형:'로드' });
}
});
},
},
});
포털: dva-hackernews의 유사하게 작성된 항목 모델
이것은 페이지 구성 요소의 수명 주기에서 데이터를 로드할 때 일반적으로 보는 것과 다릅니다.예를 들어,hackernews의 동일한 예에서 ListPage의 componentWillMount 또는 componentDidMount에서 해당 효과 작업을 전달하도록 선택하여 요청할 수 있습니다. , 그리고 심지어 서버 렌더의 관점에서 생각해볼 수도 있습니다. , 이 페이지의 초기 데이터 종속성을 선언할 책임이 있는 추가 수명 주기(예: next.js의 getInitProps)를 추가할 수 있습니다.
페이지의 초기 데이터 종속성을 모델의 서브스크립트에 넣는 현재 방법에 대해 다음과 같은 질문이 있습니다.

URL 일치 논리의 반복: URL 매개변수를 구문 분석하여 비즈니스 논리에 전달하는 것은 라우터의 책임입니다.hackernews의 예에서 우리는 그들 중 일부가 반복되고 심지어 상대적으로 "낮은 수준"인 것을 볼 수 있습니다. pathToRegex와 같은 라이브러리(react-router/express 뒤에 있음) URL 일치 및 구문 분석에도 사용됨)
업무 분리: 서로 다른 관행은 서로 다른 의미론에 해당합니다. 페이지는 페이지가 의존하는 데이터를 선언합니까, 아니면 모델이 데이터 로드를 수행할 URL을 선언합니까?
페이지가 요청에 대한 제어권을 잃음 요청이 성공하거나 실패한 후 페이지에서 특정 로직을 실행하고자 하는 경우 페이지 자체가 서버 렌더를 처리하는 데이터 로드 동작에 대한 인식이 없기 때문에 구현이 더 어렵습니다. /isomorphic 시나리오 실제로는 3의 연속입니다. 서버 렌더에서 "먼저 페이지가 의존하는 데이터를 로드한 다음 페이지 렌더링을 수행"해야 하며 요청 문이 페이지 수준에서는 이 작업을 수행하는 것이 더 번거로울 것입니다.
구독 디자인은 elm의 영향을 받는 것 같지만 elm의 구독은 실제로 많이 사용되지 않습니다. websocket과 같은 시나리오를 다룰 때만 사용됩니다. 초기 요청은 여전히 page 문 init를 통해 이루어집니다.

물론 dva는 어떤 방식을 사용하는지에 제한이 없습니다. 고려 사항을 모르겠습니다. 전에 WeChat 그룹 질문을 추가했지만 답변을 얻을 수 없었습니다. 별로 설득력이 없는 것 같아서) 문제를 냈는데 귀찮게 해서 미안해.
@sorrycc

—이 스레드를 구독하고 있기 때문에 이 이메일이 전송되었습니다. 이 이메일에 직접 회신하거나 GitHub에서 보거나 스레드를 음소거하세요.

{"api_version":"1.0","게시자":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/dvajs/dva","title ":"dvajs/dva","자막":"GitHub 저장소","main_image_url":" https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.p ,"avatar_image_url":" https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png ","action":{"name":"GitHub에서 열기", "url":" https://github.com/dvajs/dva "}},"updates":{"snippets":[{"icon":"DESCRIPTION","message":"[토론]-페이지 정보 데이터 종속성 문제(#1402)"}],"action":{"name":"View Issue","url":" https://github.com/dvajs/dva/issues/1402 "}}}

yangbin1994 에 2017년 12월 18일

👎3

@yangbin1994

모델의 inithook은 무엇입니까?
나는 그것을 모델 문서 에서 보지 못했다.

이 Hook이 있다고 가정하면, 구독에서 하는 것과 본질적으로 다르지 않은 것 같습니다.위의 1-4개의 질문이 여전히 존재합니다.

kpaxqin 에 2017년 12월 18일

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 없으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.

stale[bot] 에 2019년 03월 14일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Dva: [토론]-페이지의 초기 데이터 종속성에 대한 설명

모든 3 댓글

관련 문제