Обновление реактивной переменной клиента 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 в браузере.

0 ответов

Другие вопросы по тегам