问题标签 [polaris]

我从这里使用这个 NPM 包@eastsideco/polaris-vue 。它基本上是使用 Shopify 的 Polaris 框架的一种方式，但您可以使用 Vue.js 代替 React。这就是我想要的。

我遇到的一个问题是 Shopify 图标。在示例页面中，他们使用的是这个长字符串而不是 SVG 图标。看到这个：

这完全有效！我也可以在我的页面中使用它。我不知道那个字符串是什么或它来自哪里。所以我的问题是如何为其他图标获得它？例如 Shopify 图标资源管理器页面中的这个购物车图标。

我打开 Web 控制台并看到一些东西，但它与上面的不同。我怎么能把我看到的图标翻译成上面的字符串？

我正在使用 Polaris 为 Shopify 开发应用程序，需要使用DropZone 组件上传图像，但我找不到如何获取 base64 文件。根据文档，在 onDrop 事件中，

我可以获取图像文件：

我也可以使用以下代码将其转换为 blob：

然后我想将文件转换为base64，我该怎么做？

我在React Polaris中使用TextField组件显示时间。

目前，它显示为01:25:00 PM。

有没有办法只显示HH:MM格式？

我不清楚如果设计师正在为 Shopify 商店开发自定义主题，他们是否会遵守 Polaris 规范。他们会基于 Shopify 部分、片段等中的文件结构，还是 Polaris 提供更好的东西？

我正在使用嵌入式 React Shopify 应用程序（使用 create-react-app 引导）。我正在尝试遵循 app-bridge-react 中 ClientRouter 组件的文档：https : //shopify.dev/tools/app-bridge/react-components/client-router 但我对 Shopify 生态系统还很陌生，我似乎无法让嵌入式路由与 Shopify 中设置的导航链接进行通信。文档中的示例没有显示路由在 React 应用程序中的外观。

我尝试在 Router.js 中返回带有路由的 Switch，但历史位置始终是“/”（尽管我可以看到 iframe 中的 URL 发生变化）。任何帮助，将不胜感激。

我在开发 shopify 应用程序时遇到了 graphQL 的问题。逻辑很简单。我需要使用graphQL从 shopify 商店获取 lineItems。这是gql的代码。

这是我的 React 代码。

这是错误句子。

问题摘要 您好团队，我是 Polaris 的新手，并尝试使用以下代码创建反应注册表单

当 Onchange 所有值都得到更新但使用 onsubmit useCallback 我只得到使用 useState 分配的旧值时，我尝试使用 onsubmit 作为正常功能，如下面的代码

预期行为 由于我想将所有数据发送到 API，请教我如何使用 useCallback 执行此操作，否则我可以使用正常的 onSubmit 函数

我正在使用 Shopify Polaris 来构建一个应用程序，并且有一个用于获取数据的通用发布数据方法，但是当我这样做时，我收到以下错误。请帮助我执行此操作

错误：无效的挂钩调用。钩子只能在函数组件的主体内部调用。这可能由于以下原因之一而发生：

1. 你可能有不匹配的 React 版本和渲染器（例如 React DOM）
2. 您可能违反了 Hooks 规则
3. 您可能在同一个应用程序中拥有多个 React 副本，请参阅有关如何调试和修复此问题的提示。

目前我正在尝试创建一个非常基本的废弃购物车应用程序，只是为了教自己更多关于 GraphQL 和 Shopify 使用 Polaris 创建应用程序的知识。Polaris 有很多组件，但我无法按照我的需要编辑它们。到目前为止，我还没有找到任何方法来改变组件或布局的样式，所以遇到了一些麻烦。我对编程并不陌生，但我对反应有些陌生。

我看到 Polaris 不支持样式，因为开发人员希望它在所有应用程序中保持一致。附上我有一些图片 - 我只是想知道我是否可以从当前移动到目标？

目标是在一列中放置三张卡片，它们下方有一个相同宽度的表格，并带有一个这样的空间。在这张图片中，桌子并没有完全穿过，但那是由于我制作这张图片的方式。

目前，它看起来像这样（多行状态） - 组件之间没有空间，尽管从组件库复制代码，三个相等的列跨越多行，而不是在同一行的第二个当前图像中，但是它要求中间卡必须不同（我认为如果它们是相同的内容它不会这样做）。卡和表下方也没有间隙——单线当前状态。

我试图在其他地方在线查找并做一些解决方法，但我没有想法。由于北极星的限制，是否可以编辑卡片的当前状态以使其与目标状态相似？

[编辑] 为最后两张图片上传了相同的图片，已修复

[编辑 2] 添加代码 +图片

有什么方法可以使Shopify Polaris DataTable的行可点击？