Обновление реактивной переменной клиента Apollo не запускает повторную визуализацию
Я пытаюсь переключить изображение, отображаемое в этом компоненте, щелкнув его. Я использую реактивные переменные Apollo Client, как показано в локальных полях и следую разделу « Обновление реактивной переменной » этого сообщения в блоге .
const Portrait = (props: PortraitProps): JSX.Element => {
const { index, profile } = props;
const { handleCardClick } = useGameEvent(boardStatusVar);
const status = useReactiveVar(boardStatusVar);
return (
<StyledPortrait
src={status[index].isHidden ? spinnerSVG : profile.pokemon.image}
alt={""}
onClick={() => { handleCardClick(index, status[index].isHidden); }}
/>
);
};
Ведение журнала до и после вызова обратного вызова показывает, что значение реактивной переменной изменено правильно, но компонент не визуализируется повторно.
Дополнительная информация: не уверен, может ли это быть частью проблемы, но для контекста,
StyledPortrait
компонент в стиле тега img и
status[index].isHidden
начальное значение
true
и он правильно отображает
spinnerSVG
в браузере.