小编yan*_*nto的帖子

我想看看是否有可能将变量传递给我的查询。

这是我的组件data.js

export default function Data() {
    const data = useStaticQuery(
        graphql`
            query {
                allGoogleSheetDataRow(filter: { state: { eq: "ALABAMA" } }) {
                    edges {
                        node {
                            snap
                            tanf
                            medicaid
                            unemployment
                        }
                    }
                }
            }
        `
    );
    return (
    .
    .
    . 
    .
    );
}

然后

import DATA from './src/components/data'

<DATA />

这就是我目前正在做的事情，如果只有一页也没关系。我认为使组件“可重用”的正确方法，所以在这里我想知道如何将变量传递给我的过滤器

allGoogleSheetDataRow(filter: { state: { eq: "--- some variable --" } })

所以我可以导入它

import DATA from './src/components/data'

<DATA state="ALABAMA" />

知情人士可以为我指出正确的方向吗？

谢谢。

.header {
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:50px;
        z-index:2
}    
.menu ul {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        -webkit-transform:translateY(-100%);
        -moz-transform:translateY(-100%);
        transform:translateY(-50%);
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .menu ul.is-visible {
        -webkit-transform:translateY(50px);
        -moz-transform:translateY(50px);
        transform:translateY(50px)
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

以上是我用来使用过渡元素切换菜单打开/关闭的CSS,用于向下滑动/向上滑动效果.

目前菜单从标题顶部滑动; 它是否有可能从顶部50px的标题底部滑动？

我仍在努力学习如何使用转换,所以我们非常感谢任何建议.

谢谢!