React를 처음 사용했습니다. 저는 react4, react4, reactx 등의 사이트를 구축하고 있는데, 서버에서 렌더링되는 구성 요소가 거의 없습니다 (대부분 API 호출을 사용하여 데이터를 가져 와서 표시합니다). 내 질문은 서버에 구성 요소를 렌더링하고 렌더링 된 HTML을 클라이언트에 보내면 다시 클라이언트에서 렌더링 (API 호출)되며,이를 방지해야합니다.React SSR : 서버에 렌더링되는 구성 요소의 클라이언트 측 렌더링을 방지합니다.
서버에 이미 렌더링 된 컴포넌트를 다시 렌더링하고 싶지 않습니다. 이것을 어떻게 할 수 있습니까?
감사
사티
에서 수화물을 사용할 수 있습니다. 대형 테이블 (5000 행) 서버에서 렌더링했습니다. 나는 두 번 (HTML 및 JSON 형식으로) 클라이언트에 데이터를 보내지 않으려 고합니다.이 솔루션/해킹을 생각해 냈습니다.
테이블 행을 렌더링하기 전에 구성 요소는 먼저 DOM을 검사하여 동일한 ID (사전 렌더링 된 서버 측이 존재하는 경우)가 있는지 여부를 확인한 다음 HTML을 추출하고 해당 ID를 사용합니다 dangerouslySetInnerHTML을 통해 직접
초기 마운트 후 렌더러를 방지하기 위해 이것을 shouldComponentUpdate과 결합했습니다.
감사합니다 M.R. 사파리, 이것은 나의 욕망을 해결했습니다. 다른 방법으로 동일한 결과를 얻을 수 있습니까? –
@SatishLakhani 죄송합니다. 메신저 정말 다른 건 모르겠다 –
@ M.R.Safari 어떻게 HTML 태그를 통해 렌더링과 구성 요소의 상태를 사용할 수 있습니까? –
당신은 내가 비슷한 문제가 '반응-DOM을'
생성자에서 부울 결과뿐만 아니라 수명주기 메서드를 기반으로 WINDOW가 있는지 확인하고 코드를 수행 할 수 있습니다. 또한 데이터를 가져 왔는지 확인할 수 있습니다 .... –
답장을 보내 주셔서 감사합니다.하지만 문장이 표시되지 않습니다. "생성자에서 부울 결과에 따라 창을 존재 여부를 확인할 수 있습니다. ". 이걸 어떻게 할 수 있니? 감사합니다. –
물론 서버에 있다면 브라우저 창을 사용할 수 없지만 클라이언트 측에 있다면 브라우저 창이 열립니다. 정의되어 있는지 여부를 아는 것 - 서버 또는 클라이언트 측에서 사용자가 알 수 있습니다. 그리고 이것을 알면 구성 요소에 렌더링 여부를 알릴 수 있습니다. if (typeof window == "undefined") { false를 반환합니다. } –