小编Edg*_*gar的帖子

如何将 graphql 文件导入打字稿?

我想导入 graphql 文件,但出现错误

从“./schema/schema.graphql”导入 typeDefs;

10 import typeDefs from "./schema/schema.graphql";
                        ~~~~~~~~~~~~~~~~~~~~~~~~~

    at createTSError (C:\Users\darkc\Desktop\New folder (2)\server\node_modules\ts-node\src\index.ts:750:12)
    at reportTSError (C:\Users\darkc\Desktop\New folder (2)\server\node_modules\ts-node\src\index.ts:754:19)
    at getOutput (C:\Users\darkc\Desktop\New folder (2)\server\node_modules\ts-node\src\index.ts:941:36)
Run Code Online (Sandbox Code Playgroud)

如何将 graphql 文件导入 typescript ?

node.js typescript graphql

8
推荐指数
1
解决办法
6415
查看次数

我应该在钩子中使用 useMemo 吗?

我创建了 useBanner 挂钩

\n\n
const useBanner = (array, yardage) => {\n  const [bannArr, setBannArr] = useState(array.slice(0, yardage));\n  const [bannListIndex, setBannIndex] = useState(1);\n\n  return {\n   ....\n  };\n};\n
Run Code Online (Sandbox Code Playgroud)\n\n

我是否在做正确的事情并且将 props 放入 useState 中。\nIt\xe2\x80\x99s 允许使用 useBanner。

\n\n
const Banner= ({\n  array,\n  yardage\n}) => {\n  const { bannForth, bannBeck, bannArr } = useBanner(array, yardage);\n  return (\n    ...\n  );\n};\n
Run Code Online (Sandbox Code Playgroud)\n\n

当 props 在这里改变时。\n将改变 useBanner 中的状态。\也不被认为是反模式我必须把所有这些写在 useMemo 中

\n\n
const useBanner = (array, yardage) => {\n  const [bannArr, setBannArr] = useState([]);\n  const [bannListIndex, setBannIndex] = …
Run Code Online (Sandbox Code Playgroud)

reactjs

5
推荐指数
1
解决办法
2893
查看次数

_.concat lodash 与 Array.prototype.concat()

_.concatlodash 和有什么区别Array.prototype.concat()

javascript lodash

5
推荐指数
1
解决办法
1256
查看次数

React Hook useCallback 有一个不必要的依赖项:“price”。排除它或删除依赖项数组react-hooks/exhaustive-deps

import React, {Fragment, useState,useCallback } from "react";

const ProcessingSearch = () => {
  const [price, setPrice] = useState({ maxPrice: 0, minPrice: 0 });

  const inputMaxMin = useCallback(
    ({ target: { value, name } }) => {
      name === "maxPrice"
        ? setPrice(({ minPrice }) => ({ maxPrice: value, minPrice }))
        : setPrice(({ maxPrice }) => ({ minPrice: value, maxPrice }));
    },
    [price]
  );

  return (
    <Fragment>
      <form onSubmit={() => {}}>
        {"Min"}
        <input
          {...ProcessingSearchInputPrice}
          value={price.minPrice}
          onChange={inputMaxMin}
        />
        {"Max"}
        <input
          {...ProcessingSearchInputPrice}
          value={price.maxPrice}
          onChange={inputMaxMin} …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

heroku sh: 1: tsc: 未找到

这是我的脚本

     {
  "name": "fullstack-apollo-express-boilerplate-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.ts",
  "scripts": {
    "tsc": "./node_modules/typescript/bin/tsc",
    "build": "rimraf ./build && tsc",
    "dev": "nodemon",
    "start": "npm run build && node build/index.js",
    "codegen": "graphql-codegen --config ./codegen.yml",
    "lint": "eslint . --ext .ts",
    "lint-and-fix": "eslint . --ext .ts --fix",
    "prettier-format": "prettier --config .prettierrc src/**/*.ts --write"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@graphql-codegen/cli": "^2.3.0",
    "@graphql-codegen/typescript": "^2.4.1",
    "@graphql-codegen/typescript-resolvers": "^2.4.2",
    "@shopify/eslint-plugin": "^41.0.1",
    "@types/bcryptjs": "^2.4.2",
    "@types/cookie-parser": "^1.4.2",
    "@types/mongoose-lean-virtuals": "^0.5.2",
    "@types/nodemailer": "^6.4.4",
    "@types/uuid": "^8.3.3",
    "@typescript-eslint/eslint-plugin": "^5.5.0",
    "@typescript-eslint/parser": "^5.5.0", …
Run Code Online (Sandbox Code Playgroud)

deployment heroku node.js

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

fetchPolicy 选项:“no-cache”在 useQuery 中不起作用

这是我的代码

const { loading, error, data } = useQuery(HeaderPage.query, {
    fetchPolicy: "no-cache"
  });
Run Code Online (Sandbox Code Playgroud)

当我使用 fetchPolicy 时:“无缓存”。多次请求也不行。

为什么只发出一次请求?

javascript apollo reactjs react-apollo

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

'req' 已声明,但其值永远不会。参数“req”隐式具有“any”类型

这是我的代码

const http = require('http');
const port = 8080;
const server = http.createServer((req, res) => {
  res.end('Hello, world.');
});
server.listen(port);
Run Code Online (Sandbox Code Playgroud)

我收到一个错误

'req' 已声明,但其值永远不会。参数“req”隐式具有“any”类型

我知道三种纠正错误的方法// @ts-ignore。1、2、3 。我不喜欢所有这些方法。是否有不同的方法来解决这个问题?(req:any, res:any)"noImplicitAny": false

node.js typescript

2
推荐指数
1
解决办法
1250
查看次数

包含箭头函数捕获“this”的全局值

这是我的代码

import {EventEmitter} from 'events';
var emt = new EventEmitter();

emt.on('myEvent', () => {
    console.log('Arrow function: ')
    console.log(this)
});

emt.emit('myEvent');
Run Code Online (Sandbox Code Playgroud)

在线console.log(this)我收到错误。

包含箭头函数捕获“this”的全局值。

是什么原因?如何修复它?

node.js typescript

2
推荐指数
1
解决办法
7105
查看次数

不可分配给类型 'LocationDescriptor&lt;unknown&gt; | ((位置:位置&lt;未知&gt;) =&gt; LocationDescriptor&lt;未知&gt;)'

这是我的代码

14      <NavLink
15        to={{
16          pathname: `/confirmMail`,
17          user: { email, nickName },
18        }}
19      >
20       {"Confirm Email"}
21     </NavLink>
Run Code Online (Sandbox Code Playgroud)

在第 17 行我收到错误

输入 '{ 路径名:字符串;用户:{电子邮件:字符串;昵称:字符串;}; }' 不可分配给类型 'LocationDescriptor | ((位置:位置) => 位置描述符)'。对象文字只能指定已知属性,并且类型“LocationDescriptorObject |”中不存在“用户” ((位置:位置) => 位置描述符)'。

typescript react-router-dom

2
推荐指数
1
解决办法
4256
查看次数

如果缺少 props 我应该使用 memo 吗?

我有这样一个组件

import React, { Fragment, memo } from "react";

const Gurdingo = () => {
  return <Fragment>100</Fragment>;
};

export default memo(Gurdingo);
Run Code Online (Sandbox Code Playgroud)

我需要在这里使用备忘录吗?或者react本身理解不需要重建组件Gurdingo。

reactjs

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