我一直在通过文档进行广泛的搜索-webkit-overflow-scrolling: touch;,但我只能通过<body>这种方式将它部分地用于我的元素......
<body style="-webkit-overflow-scrolling: touch;">
或者像这样......
<body style="overflow-y: auto; -webkit-overflow-scrolling: touch;">
在iOS中,我的页面将以大约四分之一的速度滚动页面,但随后停止.那么-webkit-overflow-scrolling: touch对于身体的"部分"也是如此
没有这个代码,它将在页面中滚动,但没有动量和很多不稳定的动作.
从我的降价文件中index.md，...
---
templateKey: home-page/index
image1: /img/City-Picture.jpg
---
...我想对...中image1的graphql此处进行优化templates/index.js
export const homePageQuery = graphql`
query HomePage($id: String!) {
markdownRemark(id: { eq: $id }) {
frontmatter {
welcome_description
image1 {
childImageSharp {
sizes(maxWidth: 590) {
...GatsbyImageSharpSizes
}
}
}
}
}
}
但是我在终端中收到此错误...
GraphQL Error Field "image1" must not have a selection since type "String" has no subfields.
2 | query HomePage($id: String!) {
3 | markdownRemark(id: { eq: $id }) {
4 | frontmatter …在盖茨比，我将如何以编程方式限制路线？使用反应路由器，我看有可能做一个<Redirect>有<Route>，但如何将这个在盖茨比实施？做这样的事情...
<Route exact path="/" render={() => (
loggedIn ? (
<Redirect to="/dashboard"/>
) : (
<PublicHomePage/>
)
)}/>
我将把这个文件放在盖茨比的哪里？我会把它放在src/pages其他地方吗？
编辑，要求进一步澄清...
我可以根据@Nenu和Gatsby文档的建议进行这项工作。该文档给出了一个非异步示例，因此我必须对其进行调整以与这样的远程服务器进行交互...
async handleSubmit(event) {
event.preventDefault()
await handleLogin(this.state)
.then(response => _this.setState({isLoggedIn: isLoggedIn()}))
.catch(err => { console.log(err) });
}
另外，我可以<PrivateRoute />与此一起使用。
但是不幸的是，当我使用...渲染时
render() {
if (isLoggedIn()) {
return <Redirect to={{ pathname: `/app/profile` }} />
}
return (
<View title="Log In">
<Form
handleUpdate={e => this.handleUpdate(e)}
handleSubmit={e => this.handleSubmit(e)}
/>
</View>
)
}
...虽然确实是 …
我如何在javascript中给变量一个随机值？
我可以做这个:
var myMake = ["Chevy","Subaru","Kia","Honda","Toyota"];
var x = Math.floor(Math.random() * 4 + 1);
var rand = myMake[x];
alert(rand);
获得所需的效果,给变量rand一个随机值:
雪佛兰,斯巴鲁,起亚,本田,丰田
但是有没有办法制作一个像这样的东西的函数/方法？:
var rand = randVal("Chevy", "Subaru", "Kia", "Honda", "Toyota");
谢谢!!