问如何在没有ReactJS的情况下使用北极星购物？
EN

Stack Overflow用户

提问于 2018-05-18 14:44:48

回答 1查看 1K关注 0票数 4

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

我还注意到另一件事。我尝试过“数字字段”输入(从here的下拉列表中选择数字字段)。递增和递减箭头键在示例中起作用，但在我的表单中不起作用。

以下是我的代码

<html>
    <head>
        <link rel="stylesheet" href="https://sdks.shopifycdn.com/polaris/2.0.0-rc.3/polaris.min.css" />
    </head>
    <body>
        <div class="">
            <div class="Polaris-Labelled__LabelWrapper">
                <div class="Polaris-Label">
                    <label id="TextField3Label" for="TextField3" class="Polaris-Label__Text">Quantity</label>
                </div>
            </div>
            <div class="Polaris-TextField Polaris-TextField--hasValue">
                <input id="TextField3" class="Polaris-TextField__Input" type="number" aria-labelledby="TextField3Label" aria-invalid="false" value="1">
                <div class="Polaris-TextField__Spinner" aria-hidden="true">
                    <div role="button" class="Polaris-TextField__Segment" tabindex="-1">
                        <div class="Polaris-TextField__SpinnerIcon"> 
                            <span class="Polaris-Icon"><svg class="Polaris-Icon__Svg" viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M15 12l-5-5-5 5z"></path></svg></span>
                        </div>
                    </div>
                    <div role="button" class="Polaris-TextField__Segment" tabindex="-1">
                        <div class="Polaris-TextField__SpinnerIcon">        
                            <span class="Polaris-Icon"><svg class="Polaris-Icon__Svg" viewBox="0 0 20 20" focusable="false" aria-hidden="true"><path d="M5 8l5 5 5-5z" fill-rule="evenodd"></path></svg></span>
                        </div>
                    </div>
                </div>
                <div class="Polaris-TextField__Backdrop"></div>
            </div>
        </div>
    </body>
</html>

javascript

shopify

polaris

回答 1

Stack Overflow用户

发布于 2018-05-20 12:32:22

很抱歉地说，如果在Shopify Polaris中不使用React Js，那么它将只是HTML和CSS basic代码。

不支持js事件，如模型标签，隐藏显示等。你需要用基本的javascript或jQuery自己编写。

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50405296

复制

相似问题

问如何在没有ReactJS的情况下使用北极星购物？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在没有ReactJS的情况下使用北极星购物？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在没有ReactJS的情况下使用北极星购物？
EN