Я надеюсь, что кто-то может указать мне правильное направление для тестирования useRef в компоненте ниже.
У меня есть компонент, структурированный примерно так, как показано ниже.Я пытаюсь проверить функциональность в otherFunction()
, но я не уверен, как смоделировать текущее свойство, которое исходит из компонента ref.Кто-нибудь делал что-то подобное раньше?
const Component = (props) => {
const thisComponent = useRef(null);
const otherFunction = ({ current, previousSibling }) => {
if (previousSibling) return previousSibling.focus();
if (!previousSibling && current) return current.focus();
}
const handleFocus = () => {
const {current} = thisComponent;
otherFunction(current);
}
return (
<div ref={thisComponent} onFocus={handleFocus}>Stuff In here</div>
);
};