时间戳

首页 > 解决方案 > 如何链接到 Shopify 嵌入式应用程序中的另一个页面？

reactjs - 如何链接到 Shopify 嵌入式应用程序中的另一个页面？

问题描述

我正在为 Shopify 构建一个嵌入式 React 应用程序。

我正在尝试执行从一个页面导航到另一个页面的看似简单的任务。

例如，我想在 index.js 上显示一个链接，将用户带到 newpage.js。

我曾尝试使用 Shopify 的<Link>组件（请参阅https://polaris.shopify.com/components/navigation/link#navigation）。但是，当我单击该页面时，会出现以下错误：

Expected a valid shop query parameter

有任何想法吗？

标签： reactjsshopifyshopify-app

解决方案

默认情况下Link，Polaris 的组件默认使用<a>不属于 react-router 范围的标签。

您需要Link使用 react-router 覆盖组件Link。这是作为传递给 AppProvider 组件的道具完成的。

import {BrowserRouter, Link as ReactRouterLink} from 'react-router-dom';

<AppProvider linkComponent={Link}>

更多关于此事的信息可以在这里看到：https ://polaris.shopify.com/components/structure/app-provider#section-using-linkcomponent

推荐阅读