以下のコードを含む Demo.tsx ファイルがあります。
const aRef = useRef() as RefObject<HTMLDivElement>;
const bRef = useRef() as RefObject<HTMLDivElement>;
const a = 10;
const b = 10;
useEffect(() => {
if (!!aRef.current && !!bRef.current) {
const temp = functionRefCall({ARef:aref,Bref:bref,A:a,B:b})
}
}, [aRef, bRef]);
return (
<div className="aRef-container" ref={aRef} />
<div className="bRef-container" ref={bRef} />
</div>
);
以下は、私の functionRefCall.ts ファイルのコードです。
export interface myInterface {
Aref: HTMLElement;
Bref: HTMLElement;
A: number;
B: number;
}
export default (
i18n: i18n,
{Aref,Bref,A,B }: myInterface,
) => {
return a+b;
}
私のrefがnullでない場合、functionRefCallが呼び出され、a + bを返すことをテストするにはどうすればよいですか