有没有理由使用#elements {
background-color: #537;
margin-bottom: 2em;
}
#elements .list {
background-color: #3FF;
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
padding-bottom: 1em;
}
.productcontainer {
padding: 0rem;
text-align: justify;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
}
.productcontainer:after {
content: '';
display: inline-block;
width: 100%;
display: none;
overflow: hidden;
}
.productcontainer .product {
display: none;
}
.product {
background: #222;
margin-bottom: 1rem;
position: relative;
display: inline-block;
vertical-align: top;
width: calc(100%/4 - (((4 - 1) * 1rem) / 4));
background-color: #f9f3ed;
box-shadow: 0 0 0 1px #7d5159;
border-radius: 10px;
}
.product:before {
content: '';
/* display: inline-block; */
}
.gap {
display: inline-block;
vertical-align: top;
width: calc(100%/4 - (((4 - 1) * 1rem) / 4));
}
.product:hover {
background-color: #f4e9df;
}
.productimage img {
width: 100%;
background-color: #9999;
}
.productdescription {
position: relative;
padding: 0.5em;
background-color: #9393;
}
.shoplogo {
position: absolute;
padding: 0.5em;
bottom: 0;
right: 0;
background-color: #5555;
}
来确定从接口和联合字段返回的具体值类型?
我在谈论<div class="product chair" data-cat="chair">
<div class="product-wrapper">
<span class="productimage">
<img src="https://i.imgur.com/D54hsfY.png" alt="" />
</span>
<div class="productdescription">
<h5>Normann Copenhagen</h5>
<h7>Go to Blog</h7>
<span class="shoplogo">
<img src="https://i.imgur.com/slzMrkP.png" alt="" />
</span>
</div>
</div>
</div>
。我将IntrospectionFragmentMatcher
与apollo-client
一起使用,因此在客户端获得响应时就知道类型。
我看到文档提示的唯一原因是响应验证。但为什么要验证服务器发送的响应呢?如果服务器不值得信任,那么无论如何验证都是无用的。
答案 0 :(得分:2)
答案 1 :(得分:0)
如果您使用的是useQuery
,请尝试fetchPolicy: 'no-cache'
。
这解决了我的问题。