问按钮被按下时，React Native不更新图标

EN

const {favorites, toggleFavorite} = useFavorites();
const isFavorite = favorites.includes(value);

  return (
...
<Button
   icon={
          <Icon
            name={isFavorite ? 'favorite' : 'favorite-border'}
            size={24}
            color={theme.colors.text.contrast}
          />
        }
        onPress={() => toggleFavorite(value)}
        type="clear"
      />

export const useFavorites = (): {
  favorites: string[];
  toggleFavorite: (lineNumber: string) => Promise<void>;
} => {
  const [favorites, setFavorites] = useState<string[]>([]);

  const readFavorites = async () => {
    try {
      const value = await AsyncStorage.getItem(FAVORITES_KEY);
      setFavorites(value ? value.split(',') : []);
    } catch (e) {
      console.log(e);
    }
  };

  const toggleFavorite = async (lineNumber: string) => {
    let newFavorites = favorites;

    if (favorites.includes(lineNumber)) {
      newFavorites = newFavorites.filter(favorite => favorite !== lineNumber);
    } else {
      newFavorites.push(lineNumber);
    }

    try {
      await AsyncStorage.setItem(FAVORITES_KEY, newFavorites.join(','));
      setFavorites(newFavorites);
    } catch (e) {
      console.log(e);
    }
  };

  useEffect(() => {
    readFavorites();
  }, []);

  return {
    favorites,
    toggleFavorite,
  };
};