如何讓路線傳播在 Nextjs Shopify 應用程式中作業？
我正在構建一個使用
縮小范圍，下面的剪輯會導致上面的動態 url 問題：
import { useEffect, useContext } from "react";
import Router, { useRouter } from "next/router";
import { Context as AppBridgeContext } from "@shopify/app-bridge-react";
import { Redirect } from "@shopify/app-bridge/actions";
import { RoutePropagator as ShopifyRoutePropagator } from "@shopify/app-bridge-react";
const RoutePropagator = () => {
const router = useRouter();
const { route } = router;
const appBridge = React.useContext(AppBridgeContext);
// Subscribe to appBridge changes - captures appBridge urls
// and sends them to Next.js router. Use useEffect hook to
// load once when component mounted
useEffect(() => {
appBridge.subscribe(Redirect.Action.APP, ({ path }) => {
Router.push(path);
});
}, []);
return appBridge && route ? (
<ShopifyRoutePropagator location={route} app={appBridge} />
) : null;
};
export default RoutePropagator;
當用戶瀏覽應用程式的所有 url（包括動態 url）時，如何獲取更新的 URL？
uj5u.com熱心網友回復：
利用
const { asPath } = router
而不是route它會起作用！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/386197.html
標籤：反应 下一个.js 购物 shopify-app
上一篇：React如何使用data.props內容進行條件渲染
下一篇：嵌套類的部分特化