小编Jam*_*man的帖子

如何使用 gatsby-plugin-gdpr-cookies 设置 Gatsby Cookie 同意横幅

我的网站为 Google Analytics 收集信息,因此我需要包含一个 Cookie 同意横幅,供用户选择加入/退出。

我看到了插件gatsby-plugin-gdpr-cookies,觉得它看起来很完美。我已经跟踪了启动并将它放在我的配置文件中。但是,我不确定接下来要做什么。我是否需要创建一个横幅组件并以某种方式将其链接起来?我试图环顾四周寻找其他示例,但看不到任何示例。

任何帮助表示赞赏,谢谢。

javascript cookies google-analytics reactjs gatsby

15
推荐指数
1
解决办法
7857
查看次数

Material-UI 将 <Select> 设置为与最宽的 <MenuItem> 一样宽?

我正在尝试将 Mui Select 字段设置为与最大的 MenuItem 一样宽。我尝试过autoWidth在 Select 上使用 prop,但这似乎没有改变任何东西。这是一个显示问题的代码沙箱(我还包含了一个 TextField 实现,它对我来说也有同样的问题);

https://codesandbox.io/s/mui-select-width-issue-xmsp5?file=/src/App.js

在这两个项目之间进行选择时,选择框的宽度将会改变。如何以编程方式将其修复为最大 MenuItem 的宽度?谢谢

javascript reactjs material-ui

7
推荐指数
1
解决办法
2298
查看次数

使用 Ionic React 添加滚动按钮

我正在尝试使用 Ionic React 添加一个滚动到页面顶部的按钮。到目前为止,这是我代码的一部分 -

...
function scrollToTop() {
    return document.getElementById("page")!.scrollTop;
}

const Home: React.FC = () => {
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
            <IonButtons slot="start">
                <IonMenuButton />
            </IonButtons>
            <IonTitle slot="end">Ionic Template - JB</IonTitle>
        </IonToolbar>
      </IonHeader>
      <IonContent id={"page"}>
        <IonCard  className="welcomeImage">
            <img src="/assets/welcomeBacking.jpg" alt=""/>
            <IonCardHeader>
                <IonCardTitle>Welcome!</IonCardTitle>
                <IonCardSubtitle>To this Ionic Template</IonCardSubtitle>
            </IonCardHeader>
            <IonCardContent>
                Lorem ipsum........
            </IonCardContent>
        </IonCard>
        {/*Checklist*/}
        <IonList>
            {form.map(({val, isChecked, isDisabled}) => (
                <IonItem key={val}>
                    <IonLabel>{val}</IonLabel>
                    <IonCheckbox slot={"start"} value={val} checked={isChecked} disabled={isDisabled} />
                </IonItem>
                ))}
        </IonList>
          <IonButton onClick={scrollToTop}>Scroll to top</IonButton>
      </IonContent>
    </IonPage> …
Run Code Online (Sandbox Code Playgroud)

javascript scroll reactjs ionic-framework ionic4

6
推荐指数
1
解决办法
1425
查看次数

通过 Azure android 签名构建管道对其进行签名后,.apk 文件输出在哪里?

我正在使用 Azure“Android 签名”任务在构建管道中签署 apk 文件,但我看不到已签名 apk 的输出路径。我已将构建管道的整个根导出为 .zip 文件,但签名的 .apk 文件不存在。更令人困惑的是,Android Signing 任务正在通过,所以签名的 .apk 一定在某个地方吗?问题是在哪里!

谢谢

build azure apk azure-devops azure-pipelines

4
推荐指数
1
解决办法
3524
查看次数

如何动态定位 IonPopover 以从按钮出现?

当单击该按钮时,我试图将弹出框放置在该按钮下方。这方面的一个例子在 Ion 文档页面上。在此处输入图片说明

然而,React 中不提供此代码,仅在 Angular 中提供。

目前我的代码看起来像这样

...
<IonButtons slot="end">
                        <IonButton onClick={() => setShowPopover(true)} expand="block">
                            <IonIcon icon={more}/>
                        </IonButton>
                    </IonButtons>
                    <IonPopover
                        isOpen={showPopover}
                        backdropDismiss={true}
                        onDidDismiss={() => setShowPopover(false)}>
                        <IonItem>Popover Item</IonItem>
                    </IonPopover>
...
Run Code Online (Sandbox Code Playgroud)

弹出框由其上方的按钮切换。当按钮被按下时,弹出框出现在页面中间,而不是按钮上方。如何更改此设置以便弹出框显示在按钮上?(就像图片一样)

谢谢

popover typescript reactjs ionic-framework ionic-react

3
推荐指数
1
解决办法
1484
查看次数