React-window: 다시 렌더링 할 때 맨 위로 스크롤하지 마십시오.

에 만든 2019년 05월 02일 · 3코멘트 · 출처: bvaughn/react-window

안녕하세요,

현재 각 셀에 입력 확인란이 포함 된 그리드를로드하려고합니다.
확인란을 클릭 할 때마다 부모 구성 요소에서 State를 설정하는 onChange에서 함수를 호출합니다.
체크 박스 / setState를 클릭 할 때마다 그리드가 그리드 상단으로 다시 렌더링됩니다.
확인란을 클릭 한 정확한 위치로 돌아가거나 어떻게 든 FixedSizeGrid를 다시 렌더링하지 않는 방법이 있습니까?
새로운 소품을 전달하는 동안?
initialScrollTop이 있다는 것을 알고 있지만 확인란을 선택한 정확한 이전 위치를 계산할 수 없습니다.

당신의 도움을 주셔서 대단히 감사합니다!
(아래에 내 코드 스 니펫을 포함했습니다)

```const Cell = ({데이터, columnIndex, rowIndex, 스타일}) => {

const {목록, 목록 2, selectInput} = 데이터;

반환 (

{list2 [columnIndex + (4 * rowIndex)] &&

className = "w-100"
src = {list2 [columnIndex + (4 * rowIndex)]}
/>

}

);
};

const 예 = () => {
반환 (
columnCount = {4}
columnWidth = {190}
높이 = {600}
rowCount = {Math.ceil (trueCoverList.length / 4)}
rowHeight = {250}
너비 = {760}
>
{세포}

);
}

💬 question

출처

bnikom

가장 유용한 댓글

아. 렌더링 메서드 내에서 구성 요소 (함수)를 만듭니다. 외부 구성 요소가 다시 렌더링되면 내부 유형이 다시 생성되고 React가 마운트 해제되고 다시 마운트되기 때문에 실제로 작동하지 않습니다.

또한 상태가 변경 될 때 그리드 셀이 다시 렌더링되도록 상태를 itemData 로 전달하고 싶을 것입니다.

여기 있습니다 :
https://codesandbox.io/embed/mznznkv0q8

bvaughn 에 2019년 05월 02일

🎉3 ❤1 👍1

모든 3 댓글

코드 샌드 박스에서 전체 재현을 공유 할 수 있습니까? 스 니펫에서 다시 만들 시간이 없습니다.

bvaughn 에 2019년 05월 02일

물론이야.

기본 예제 / 시나리오를 작성했습니다. 다른 것이 필요하면 알려주세요
https://codesandbox.io/embed/mznznkv0q8

감사합니다

bnikom 에 2019년 05월 02일

또한 상태가 변경 될 때 그리드 셀이 다시 렌더링되도록 상태를 itemData 로 전달하고 싶을 것입니다.

여기 있습니다 :
https://codesandbox.io/embed/mznznkv0q8

bvaughn 에 2019년 05월 02일

🎉3 ❤1 👍1

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

0 / 5 - 0 등급

React-window: 다시 렌더링 할 때 맨 위로 스크롤하지 마십시오.

가장 유용한 댓글

모든 3 댓글

관련 문제