小编use*_*537的帖子

React Hook useEffect 缺少依赖项:'list'

一旦我运行下面的代码,我就会收到以下错误:

React Hook useEffect 缺少依赖项:'list'。包括它或删除依赖数组 react-hooks/exhaustive-deps

我找不到警告的原因。

import React, { useState, useEffect } from 'react';
import axios from 'axios';
import Form from './Form';

const App = () => {
  const [term, setTerm] = useState('pizza');
  const [list, setList] = useState([]);

  const submitSearch = e => {
    e.preventDefault();
    setTerm(e.target.elements.receiptName.value);
  };

  useEffect(() => {
    (async term => {
      const api_url = 'https://www.food2fork.com/api';
      const api_key = '<MY API KEY>';

      const response = await axios.get(
        `${api_url}/search?key=${api_key}&q=${term}&count=5`
      );

      setList(response.data.recipes);
      console.log(list);
    })(term);
  }, [term]);

  return (
    <div …
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks

26
推荐指数
5
解决办法
4万
查看次数

Stackblitz:如何导入Bootstrap CSS框架

我刚刚找到了令人惊叹的Stackblitz在线VS Code编辑器.我创建了一个Angular项目,并在依赖项下安装了Bootstrap CSS框架但是如何将Bootstrap导入到我的项目中?通常我通过将这行代码添加到angular-cli.json来实现:

"../node_modules/bootstrap/dist/css/bootstrap.min.css"
Run Code Online (Sandbox Code Playgroud)

但它如何在Stackblitz上运行?

谢谢

angular

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

带有类的 document.createElement('div')

我可以使用 createElement() 通过 JavaScript 创建一个 HTML 元素,如下所示:

let div = document.createElement('div');
Run Code Online (Sandbox Code Playgroud)

但是如何将 CSS 类添加到我新创建的 div 中?

我试过这样的事情,但没有奏效:

let div = document.createElement('div class=myDiv');
Run Code Online (Sandbox Code Playgroud)

javascript css

15
推荐指数
2
解决办法
3万
查看次数

是否可以在 Next.js 中设置服务器端 cookie

在我的 Next.js 应用程序中,我需要从 URL 获取一些参数并使用它们来设置服务器端 cookie。

但我什至不确定是否可以通过这种方式设置服务器端 cookie。这有可能吗?如果是,任何提示或建议将非常感激。

cookies reactjs next.js

12
推荐指数
2
解决办法
6万
查看次数

删除yarn.lock并通过运行yarn install再次生成它是一个好主意吗?

最近我安装了几个 npm 软件包,然后我必须将其删除。现在我不确定yarn.lock文件,并认为它里面可能有一些遗留代码。

删除yarn.lock并通过运行yarn install再次生成它是一个好主意吗?

yarnpkg

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

create-react-app - 为什么 localhost 不工作?

使用 create-react-app 创建新的 React 应用程序后,一旦我通过npm start启动开发服务器,服务器就会启动并显示以下内容:

在此输入图像描述

我确信直到上周我都可以打开http://localhost:3000在浏览器中查看新创建的应用程序,但现在它不再工作并显示以下内容:

在此输入图像描述

但是,如果我打开http://192.168.119:3000,它就会起作用

我没有更改 .hosts 文件中的任何内容。

有谁知道为什么我不能再使用http://localhost:3000了?

reactjs

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

是否可以删除 BitBucket 上的拉取请求?

我在 BitBucket 上找不到删除 PR 的选项。我是忽略了什么还是真的不可能?

bitbucket

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

Git - 新拉的分支显示未跟踪的文件

刚刚拉了一个分支,另一个开发人员正在处理它。我根本没有改变任何东西。刚刚拉取并运行git status并且 git 显示../.eslintcache未被跟踪并建议将其包含在将要提交的内容中。

我该怎么办?我不认为我应该添加并提交它。

git

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

在 Git 中,delta 是什么意思?

我是 Git 的新手。今天我通过 git 终端拉了一个分支,得到以下消息:

远程:计数对象:5,完成。

远程:压缩对象:100% (3/3),完成。

远程:总计 3(增量 2),重复使用 0(增量 0)

拆包对象:100% (3/3),完成。

德尔塔是什么意思?

git

8
推荐指数
2
解决办法
2281
查看次数

如何在 Slack 应用程序中打开 Slack 频道 URL

我可以在浏览器中打开一个 Slack 频道。网址如下所示:

https://myCompany.slack.com/messages/CDPNQL/

问题是我在 Slack 应用程序中看不到该频道。我只能在浏览器中访问它。

如何将其添加到我的 Slack 应用程序中?

slack

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

标签 统计

reactjs ×3

git ×2

angular ×1

bitbucket ×1

cookies ×1

css ×1

javascript ×1

next.js ×1

react-hooks ×1

slack ×1

yarnpkg ×1