问题标签 [polaris]

我正在开发一个应用程序，该应用程序将在 shopify 中列出我们的未结订单，以便我们可以按交货日期安排它们。我在 html 和液体编码方面有很多经验，但是对使用 Polaris 进行应用程序编码非常陌生，而且我正在努力（轻描淡写）将 gql 查询传递到表格格式中。

这是我目前所拥有的......

谁能提供一些关于如何将所需变量（id、name、displayFulfillmentStatus、note）传递到要呈现到数据表中的行的指导。

非常感谢您的任何帮助。

谢谢，马特

我正在将 GraphQL 查询的结果映射到optionsPolaris Autocomplete 组件上的字段所需的格式。但是，由于useQuery调用的异步性质，查询的结果在需要时不可用。

这个组件的要点在这里。此屏幕截图显示了在浏览器中显示的组件：

如果查询尚未完成加载，这些是设置的默认值。

useQuery我应该在调用完成之前阻止执行吗？或者有没有办法推迟设置option字段？

我正在研究 Laravel 和 reactJS，我正在为 Shopify 创建一个应用程序。我正在使用Polaris 数据表来显示数据。一切正常，但现在我必须根据单元格值更改单元格的颜色。对于数据表，我进行了 API 调用，并从 laravel 控制器中获取了一个数据数组。要更改单元格值，我必须编辑该数组。下面是我从控制器发送的数组。

要更改单元格颜色，我必须修改此数组并将一些 HTML 添加到要编辑的单元格中，并根据单元格中的值更改颜色。

这是我正在尝试做的事情，我发现了这个用于更改单元格值的代码。

下面是我用来将数据显示到数据中的完整反应 js 代码

我一直在尝试重新设计应用程序以使用新的会话身份验证系统。一切似乎都很好，但是我无法成功使用Navigation（北极星）组件。

假设我有这样的事情：

如果我只放/faq我无法访问该路线。我被重定向到/auth并明显得到一个错误。

我设法使我的路线工作的唯一方法是：

1. 在每个网址中添加商店查询，如下所示：

2. server.js在没有中间件的情况下手动添加每个需要的路由verifyRequest（这对我来说似乎不是一个好选择）

有人可以解释我做错了什么吗？（我正在使用 repo 文档https://github.com/Shopify/shopify-node-api/blob/main/docs/usage/customsessions.md中显示的自定义 redis 存储管理我的 SESSION_STORAGE ）

我正在使用 GraphQL 和 Shopify 的 Polaris 组件Card和DataTable构建一个 Shopify 应用程序。因此，由于平台依赖性，生成一个最小的、可重现的示例是一个相当大的挑战。

该组件产生预期的结果：

插入 GraphQL 部分后，我的组件如下所示：

但我得到了错误：

然后当我通过字符串替换 DataTable 组件时

并保存，组件已构建：

然后，当我使用 GraphQL 查询回滚到以前的版本时，组件已正确构建：

似乎该rows变量并不总是可用。知道是什么导致了这个问题吗？

我是 ReactJS 的新手。但习惯于使用 VueJS。以前，我在 VueJS 中开发项目。但是在 ReactJS 中，我很难在我想要这样的地方设置分页。

每当用户更改搜索值时，它应该将页码重置为 1 并进行 API 调用以获取结果。

这给我带来了麻烦。有人可以帮忙吗？

问题是如果我多次更改搜索值而不更改页面，它不会再次调用 API，因为页面值没有更改。这是我的代码。

使用 Shopify Polaris 时，许多内部组件会输出单个静态<a />标签，这会破坏我的 NextJS 应用体验，因为单击链接会重新加载页面。

如何使 Shopify Polaris 链接的行为与带有<Link />组件的 Nextjs 链接一样？

我刚开始使用 Shopify Polaris 库。

我有一个这样的标题：

现在我想把它放在中心。但是设置className或使用内联样式没有效果，这是一个已知的事实......

那么如何设置这个组件的样式呢？或者任何北极星组件？以及如何使这个 DisplayText 居中？

在我的 React 项目中，我使用的是Shopify Polaris DataTable。它看起来像这样：

当我单击一行的铅笔按钮时，徽章会发生变化，看起来像这样：

这里的问题是，当更改那个徽章时，所有的列和它们的元素都会调整一点，那个短动画并不漂亮。

如果列不改变，我会更喜欢，但由于这不是一个普通的 html 表，我不知道该怎么做。

相关代码是这样的：

要为行创建数据，我使用的是：

有谁知道如何阻止表格调整大小？或者阻止行元素改变位置？

我感谢每一个帮助！

我需要一次渲染一个组件，但有些我的 subNavigation 路由不起作用，它适用于 Navigation 路由，但不显示 subNavigation 项目，我也在 react 路由的帮助下尝试过，但它让我与shopify 路线 这是我的路线

导航：