小编Xen*_*mar的帖子

在visual studio中打开终端?

我一直在寻找,但我找不到在Visual Studio(Commuity Version)中打开shell命令终端的方法.

有人可以帮忙吗?

visual-studio

69
推荐指数
6
解决办法
7万
查看次数

React-testing-library 中的 name 选项是什么?

自从使用 @testing-library 进行反应以来,我对这个name属性感到困惑。可以获取渲染按钮的引用,例如:

// <button>Button text</button>
screen.getbyRole("button", {name: /button text/gi})
Run Code Online (Sandbox Code Playgroud)

在这种情况下,名称指的是textNode按钮的内部。围绕输入的故事类似,name可以指的是idname文本内容。

我目前正在尝试获取像这样呈现的按钮的引用:

<button
  aria-label="Close"
  class="css-1dliicy"
  type="button"
  >
  Create new
  <svg>...</svg>
</button>
Run Code Online (Sandbox Code Playgroud)

并且通过查询找不到该按钮:

const createNewButton = screen.getByRole('button', {
    name: /Create new/gi,
});
Run Code Online (Sandbox Code Playgroud)

我显然似乎不知道该name属性的含义,但我似乎找不到有关它的文档。

reactjs react-testing-library

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

Django、Docker、Python - 无法在 python-alpine 上安装 Pillow

我有一个 dockerized django 应用程序,我想投入生产。但是自从我添加了一个 Imagefield Pillow 之后,我就很难在 Docker 容器中安装 Pillow。

据我了解,添加依赖项 jpeg-dev ibjpeg & zlib-dev 应该足以用于 django (?)。使用下面的配置我收到错误:

错误runserver

product.Product.image: (fields.E210) Cannot use ImageField because Pillow is not installed.
    HINT: Get Pillow at https://pypi.org/project/Pillow/ or run command "pip install Pillow".
product.Product.thumbnail: (fields.E210) Cannot use ImageField because Pillow is not installed.
    HINT: Get Pillow at https://pypi.org/project/Pillow/ or run command "pip install Pillow".
Run Code Online (Sandbox Code Playgroud)

如果我将 Pillow 添加到 requirements.txt(或放入pip install PillowDockerfile),我会在尝试构建容器时收到更长的错误消息。

不放入pip install PillowDockerfile 或 requirements.txt - 这是我的配置。 …

python django python-imaging-library docker

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

我的 Elastic Beanstalk for AL2 中的环境变量在哪里?

我正在用来elastic beanstalk部署Django应用程序。我想SSHEC2实例上执行一些 shell 命令,但环境变量似乎不存在。我通过 AWS GUI(配置 -> 环境属性)指定了它们,它们似乎在我的应用程序启动期间工作。

我尝试通过以下方式激活和停用虚拟环境:

source /var/app/venv/*/bin/activate
Run Code Online (Sandbox Code Playgroud)

是否有一些环境(或我可以运行的脚本)来访问设置了所有属性的环境?否则,我几乎无法运行任何命令,python3 manage.py ...因为没有配置设置模块(我知道如何手动指定它,但我的应用程序需要大约 7 个变量才能工作)。

django amazon-elastic-beanstalk amazon-linux-2

13
推荐指数
2
解决办法
8763
查看次数

如何使用 React-Query 等待某些事情?

我是新来的反应查询并且到目前为止很喜欢它。我知道它主要是一个 UI 库。所以它非常适合处理/显示错误、加载状态。但我经常发现自己想要以异步方式等待某些特定操作。因此,我希望能够在触发操作(例如重定向)之前等待承诺返回。

这是一个例子:

const NewPostForm = props => {
  const history = useHistory();
  const mutatePostInfo = useUpdatePost(); // useMutate hook
  const [value, setValue] = useState("")
  
  const handleSubmit = () => {
    mutatePostInfo.mutate(value);
    // I WANT TO: wait for the action to complete before redirecting
    history.push("/new-route/")
  }
  
  return (
    <form onSubmit={handleSubmit}>
      <input value={value} onChange={(e) => setValue(e.target.value)} />
    </form>
  )
}
Run Code Online (Sandbox Code Playgroud)

react-query

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

useEffect Hook Example: What causes the re-render?

I am trying to figure out, when useEffect causes a rerender. I am very surprised by the result of the following example:

https://codesandbox.io/embed/romantic-sun-j5i4m

function useCounter(arr = [1, 2, 3]) {
  const [counter, setCount] = useState(0);
  useEffect(() => {
    for (const i of arr) {
      setCount(i);
      console.log(counter);
    }
  }, [arr]);
}

function App() {
  useCounter();
  console.log("render");
  return <div className="App" />;
}
Run Code Online (Sandbox Code Playgroud)

The result of this example is as follows:

在此处输入图片说明

My confusion stems from two things: I don't know why:

  1. The component …

reactjs react-hooks

10
推荐指数
2
解决办法
6598
查看次数

与前端应用程序共享 Prisma 类型?

我一直在研究Prisma (Nodejs ORM),并且一直想知道如何与前端应用程序共享自动生成的 TypeScript 类型。据我所知,Prisma 客户端会自动生成所有 DTO,但没有提供简单的方法将它们导出或公开给堆栈的其他部分?

node.js prisma2

10
推荐指数
0
解决办法
1036
查看次数

Typescript 中的 never 类型如何工作?

我经常偶然发现neverTypeScript 中的类型。虽然我已经阅读了文档,浏览了有关 SO 的现有问题 - 我的理解仍然不是很好。我希望得到一些帮助,以便更好地理解它。下面是 TS 文档中的一个让我头晕的例子:

type GetReturnType<Type> = Type extends (...args: never[]) => infer Return
  ? Return
  : never;

type Num = GetReturnType<() => number>;

type Str = GetReturnType<(x: string) => string>;

type Bools = GetReturnType<(a: boolean, b: boolean) => boolean[]>;
Run Code Online (Sandbox Code Playgroud)

我的理解是,指定(...args: never[]) => ...意味着创建一个不接受任何参数的函数签名(为什么never[]?)。然而StrBools都是带参数的函数签名(这个错误不应该吗?)。

我也在努力理解条件类型:infer Return ? Return : never。对我来说,这意味着该函数要么有返回值,要么编译器应该产生错误。但我不确定。

typescript

10
推荐指数
2
解决办法
3889
查看次数

React Hooks:useRef Hook为什么.current为null?

我有一个简单的组件示例:

function App() {
  const observed = useRef(null);
  console.log(observed.current);

  return (
    <div ref={observed} className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
Run Code Online (Sandbox Code Playgroud)

我希望它observed.current的类型为element,而current不会为空,而是具有所有属性的div元素。我的理解是:

  1. 引用初始化为空值
  2. 引用将覆盖Null

但事实证明,.current仍然是空的。这很不好,因为我想将观察值传递给需要Element类型参数的函数。

https://codesandbox.io/embed/purple-forest-0460k

reactjs react-hooks

8
推荐指数
3
解决办法
6031
查看次数

与 Record&lt;string, never&gt; 的交集类型不允许属性访问

我有点惊讶地发现:

type TypeA = Record<string, never> & { propA: string };

const a: TypeA = { // <- Type 'string' is not assignable to type 'never'
  propA: "lsjdf",
}
Run Code Online (Sandbox Code Playgroud)

在 TypeScript 中不起作用。我很想用Record<string, never>意味着“空对象”的东西替换,但无法想出表示空对象的类型。

我也很想了解为什么上述不起作用。

typescript

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