小编use*_*377的帖子

我看不到日期格式在何处被错误传递而导致 RangeError？

我似乎无法解析user.created。实际上，用户详细信息是从 json 响应中引入的，但我在本示例中将它们显示为变量。

这是我的 MRE：

import * as React from "react";

function Details() {
  const user = {
    firstName: "Anthony",
    created: "2020-08-19T23:13:44.514Z",
    updated: "2020-09-12T00:31:31.275Z"
  };

  const userJoined = new Intl.DateTimeFormat("en-GB", {
    year: "numeric",
    month: "long",
    day: "2-digit"
  }).format(user.created.toString());

  return (
    <div>
      <p>{user.firstName}</p>
      <p>
        Joined:
        {new Intl.DateTimeFormat("en-GB", {
          year: "numeric",
          month: "long",
          day: "2-digit"
        }).format(userJoined)}
      </p>
    </div>
  );
}

export { Details };

我很难理解基于变量的动态路由。我能够使用 Next.js 获取集合中的项目列表，但无法获取具有动态路由的单个页面的单个项目及其字段。

背景

我有一个带有 GraphQL API 的 KeystoneJS 无头 CMS。我正在尝试创建一个简单的博客，其中包含帖子列表和单独的帖子页面。我已经能够查询并返回帖子列表，但我需要根据 slug 字段获取单个帖子，以便可以在 访问它/posts/[slug].js。

我尝试过的

我一直在使用 Apollo Client 来处理查询。我有一个apolloClient.js连接到 API 的文件：

// apolloClient.js
import { ApolloClient, InMemoryCache } from "@apollo/client";

export default new ApolloClient({
  uri: "http://localhost:3000/admin/api",
  cache: new InMemoryCache(),
});

我有一个post.service.js文件来查询API：

// post.service.js
import { gql } from "@apollo/client";
import apolloClient from "../_utils/apolloClient";

export async function getAll() {
  return apolloClient
    .query({
      query: gql`
        query {
          allPosts {
            id
            term
            slug
          }
        }
      `,
    }) …

Google PageSpeed建议我的网页上的图片可以进行优化.无损压缩平均可节省11%,但我的图像是使用以下FFmpeg命令创建的:

ffmpeg -i '$video_path' -vcodec mjpeg -vframes 1 -an -f rawvideo -ss 00:00:20 -s 145*108 $thumb_image

有没有办法可以优化这些图像？

我正在使用 Material-UI Accordion，内部AccordionSummary有一个<TextField />（实际上由 Formik 和 formik-material-ui 控制），并且AccordionSummary仅在字段内单击时背景变为灰色。我不希望它这样做，而且它似乎不是由 Accordion API 配置的任何内容，除非我遗漏了某些内容。我怎样才能阻止它这样做？

我在Codesandbox上重新创建了该问题。

这是沙箱中的完整代码：

import React from "react";
import { Formik, Field, Form, ErrorMessage } from "formik";
import { TextField, CheckboxWithLabel, Select } from "formik-material-ui";
import Grid from "@material-ui/core/Grid";
import Box from "@material-ui/core/Box";
import FormControl from "@material-ui/core/FormControl";
import MenuItem from "@material-ui/core/MenuItem";
import Button from "@material-ui/core/Button";
import Accordion from "@material-ui/core/Accordion";
import AccordionDetails from "@material-ui/core/AccordionDetails";
import AccordionSummary from "@material-ui/core/AccordionSummary";

export default function App() { …

我有一个文档，其中包含一组对象，其中一个字段是对另一个文档的引用。以下查询仅返回引用的文档 _id 和 _type，我需要这些文档中的其他字段。

// GROQ query
*[slug.current == $slug]{
  title,
  slug,
  objectArray
}

这导致：

"result": [
0: {
  "title": "Test Document"
  "slug": {
    "_type": "slug"
    "current": "test-document"
    }
  "objectArray": [
    0: {...}
    1: {
      "_key": "583ec1dee738"
      "_type": "documentObject"
      "objectTitle" : "Test Object"
      "documentReference": {
        "_ref": "2f9b93b4-4924-45f2-af72-a38f7d9ebeb4"
        "_type": "reference"
        }
      "booleanField": true
      }
    ]
  }
]

documentReference在模式中有自己的一组字段（即标题），我需要在查询中返回这些字段。

我该怎么做呢？

我已经查看了连接和对象投影中的 Sanity 文档，但是当引用位于对象数组中时，我无法获得正确的语法。