问题标签 [polaris]

我正在使用 Shopify Polaris 创建 Shopify 嵌入式应用程序。我必须在嵌入式应用程序的页面中包含一个模式表单。我知道我必须使用这个。但我没有使用 ReactJS。所以我不能在模态中改变形式。我不知道该怎么做。如果有人知道解决方案，将不胜感激。

我还注意到一件事。我已经尝试过“数字字段”输入（从此处选择下拉列表中的数字字段）。递增和递减箭头键在示例中有效，但在我的表单中无效。

这是我的代码

我试图运行 webpack-dev-server 但收到以下错误：

多 ../node_modules/webpack-dev-server/client 中的错误？http://localhost:8080 ./app/index.js 未找到模块：错误：无法在“/home/dinesh/Shopify_Test_New/shopify_app/bin”@multi 中解析“./app/index.js”。 /node_modules/webpack-dev-server/client? http://localhost:8080 ./app/index.js

• 节点版本：10.6.0
• NPM 版本：1.7.0
• 网络包版本：4.16.5

• webpack-dev-server 版本：2.11.1

  webpack.config.js

  /li>

I'm new to react and I'm trying to build a basic Shopify app using React and the Polaris React suite.

TL:DR;

How can I prevent a React component from rendering until data has been fetched asynchronously from the server? OR What is the correct method to get a Polaris app to connect to the shopify service?

Full Explanation

The problem is the render function should add the store domain to an attribute on the <AppProvider/> element. Ie. <AppProvider shopOrigin="https://user-store.myshopify.com"/> However, the domain differs depending on the store using the app.

Given that React is rendered on the client side, I need to send a request to the server to retrieve the current store domain. But this happens after the app has rendered:

This results in the Polaris app atempting to connect to Shopify with a Null value for the shop domain and everything breaks.

I've been able to prevent this by having the render function return Null on the first render but this feels kind of hacky

Here is the async function that I'm using to get the domain from the server

我正在尝试制作一个 shopify 应用程序，我想在带有北极星和 reactJS 的轨道上使用 ruby​​。当我尝试使用Page从 shopify 网站获取的组件时，屏幕上没有任何内容。这是我正在谈论的一个例子。

这是我的 index.jsx 文件：

其他一切工作正常，因为当我将Page标签更改为div这样的：

它会将 ("One" "Two" "Three") 渲染到页面。当我运行我的 rails 服务器并刷新屏幕时，不会显示任何错误或警告。我通过运行以下命令下载了北极星：yarn add @shopify/polaris.

任何帮助是极大的赞赏。我试着在网上到处找，但我无法把这些碎片放在一起。提前致谢！

我正在使用 ReactJS 和 shopify 的 Polaris 来创建一个网站。我对反应很陌生，所以这可能是一个新手问题，但我查看了互联网，无法将各个部分组合在一起。

我有一个下拉列表，基本上每当用户单击列表中的项目时，我都想在下拉列表旁边添加一个按钮。这是我的代码：

我在代码中添加了注释以显示我调用 renderButton() 方法的位置。每当我单击下拉列表中的“One”元素时，它会打印出“Button clicked”，但没有任何内容呈现到屏幕上。任何帮助是极大的赞赏。提前致谢！

当我尝试像这样从 App.js 导入 styles.css

我收到一个错误：编译失败

我验证了里面的css node_modules/@shopify/polaris/styles.css是一样的https://sdks.shopifycdn.com/polaris/2.12.1/polaris.css

我对该行进行了全局搜索，background-image:linear-gradient(to right, transparent 0%, transparent 0%, transparent 100%, transparent 100% transparent;但结果为 0

为什么我在这里遇到错误，请问我该如何克服这个问题？谢谢你。

I get a compilation error when I import "@shopify/polaris/styles.css";

This is a picture of the error:

But whenever I go in to the styles.css, and do a search for the line that errors out, it doesn't find it so it seems like as though that line doesn't exist. Any help would be great. Thanks!

我正在使用北极星的资源列表控制。我添加了一些过滤条件，并且我的列表显示了正确的数据。但我没有看到可以删除我的条件的当前列表过滤区域。如何显示它？这是我的过滤器声明，我想知道我的应用过滤器变量是否有问题。

我一直在浏览shopify polaris，我注意到在shopify 提供的图标列表中，没有汉堡菜单（除非我错过了）。

但是，当我查看框架组件时，我可以看到他们使用顶部栏中的汉堡菜单。是否可以使用北极星来单独显示汉堡菜单，一旦点击就会登录到控制台？

这是框架组件的链接： https ://polaris.shopify.com/components/structure/frame#navigation

我正在使用 shopify 北极星的导航组件。它的文档在这里：

https://polaris.shopify.com/components/structure/navigation

假设我在我的Navigation.js类中设置了一个导航组件，如下所示：

在我上面发送的链接中，它谈到了 onClick() 方法。如何创建打印所选项目标签的方法。因此，如果他们单击第一项，回调函数将被调用并打印“摘要”。我似乎无法将这些碎片拼凑在一起。任何帮助都会很棒！