그리드에서 row 선택이 변경될 때 마다 변경된 row 의 정보를 추출하여 처리를 하려고 합니다.

리액트에서 FlexGrid 컴포넌트를 사용하여 개발중인데

onSelectionChanging, selectionChanging 두 개 속성이 있는데 둘 중 어떤 props 를 이용해서 처리를 해야 하는지 답변 부탁드립니다.

그리고 selectionChanging 속성에 처리 함수를 지정할 경우 컴포넌트 내에 선언한 ref 값은 잘 조회가 되는데 state 값은 useState 선언 시  설정한 초기값 만 조회가 되고 변경된 값은 조회가 되지 않습니다. 

왜 ref 만 변경된 값이 잘 조회가 되고 state 값은 조회가 안되는지요?

// -- 샘플 코드

const [testState, setTestState] = useState("TEST");

const testRef = useRef("TEST");

useEffect(() => {

  setTestState("CHANGE");

  testRef.current = "CHANGE";

}, []);

<FlexGrid

  selectionChanging={(e) => {

    console.log("state=", testState); // 계속 TEST 로만 로그가 찍힘

    console.log("ref=", testRef.current); // 변경된 값으로 로그가 잘 나옴

  }}

>

</FlexGrid>