小编Hyp*_*sis的帖子

我想知道这两个代码之间的区别

1：

import React from "react";
import ReactDOM from "react-dom";


function App() {
  const myref = React.useRef(0);

2：

import React from "react";
import ReactDOM from "react-dom";

const myref = 0;
function App() {

现在在任何时候我都可以改变这两个值，并且都保存在 dom 中。它们在用法上有什么区别。

我有一个 antd 的直接反应表，我注意到所有表中的所有字体大小都相同。

我的 json 文件中有不同的大小，例如：

 {
    "id": "29609-p3bse3294pj",
    "size": 32,
    "price": 806,
    "date": "Wed Jul 31 2019 05:50:53 GMT+0300 (Turkey Standard Time)"
  },
  {
    "id": "72738-axmupi8rnkb",
    "size": 23,
    "price": 370,
    "date": "Sat Jul 20 2019 18:22:35 GMT+0300 (Turkey Standard Time)"
  },

并且我希望按照为该行的字体提供的大小分别呈现每一行。

我正在运行一个 nodejs 应用程序，它在我第一次使用时运行良好，但是当我刷新并输入新数据时，Node 崩溃并给了我这个。错误如下所示：

/www/wwwroot/domain.to/node_modules/ws/lib/websocket-server.js:267
      throw new Error(
      ^
Error: server.handleUpgrade() was called more than once with the same socket, possibly due to a misconfiguration
    at WebSocketServer.completeUpgrade (/www/wwwroot/domain.to/node_modules/ws/lib/websocket-server.js:267:13)
    at WebSocketServer.handleUpgrade (/www/wwwroot/domain.to/node_modules/ws/lib/websocket-server.js:245:10)
    at Server.upgrade (/www/wwwroot/tehran.us.to/node_modules/ws/lib/websocket-server.js:89:16)
    at Server.emit (events.js:327:22)
    at onParserExecuteCommon (_http_server.js:646:14)
    at onParserExecute (_http_server.js:587:3)

Express 的服务器上的代码如下所示：

const app = express();
const options = {
key: fs.readFileSync('./key.pem'),
cert: fs.readFileSync('./cert.pem')
};
const server = https.createServer(options, app)

server.listen(3000, function () {
  console.log("Express server listening on port " + 3000);
});

我也在同一个端点上使用 Websocket，代码如下所示：

const wss …

我的日志中有这个错误:

上游从上游读取响应头时发送了太大的头

我试着补充一下

proxy_buffer_size   128k;
proxy_buffers   4 256k;
proxy_busy_buffers_size   256k;

到我的nginx.conf http块但没有工作

我也尝试添加

fastcgi_buffer_size 128k;
fastcgi_buffers 4 256k;
fastcgi_busy_buffers_size 256k;

到我的conf文件,但我找不到任何位置〜.php $ {

所以我想知道我怎么能克服这个错误？加入

fastcgi_buffer_size 128k;
fastcgi_buffers 4 256k;
fastcgi_busy_buffers_size 256k;

一个手工制作的php块给了我nginx:[emerg]未知指令"location"在/etc/nginx/nginx.conf:6

我的代码如下所示：

import { useQuery, QueryClientProvider, QueryClient } from 'react-query'
import React from 'react'

const queryClient = new QueryClient()

const fetchData = async () => {
  return (await fetch(`http://jservice.io/api/random?count=50`)).json()
}

function App() {

  const [isLoading, error, data] = useQuery('qa', fetchData)

  console.log(data)


  return (

    <QueryClientProvider client={queryClient}>
      <div className="App">
      </div>
    </QueryClientProvider>

  );
}

export default App;

我使用了 React Query v3 中的确切示例，但仍然得到

Error: No QueryClient set, use QueryClientProvider to set one

我正处于完全放弃图书馆并求助于其他选择的边缘。

我有一个小的 html 代码如下：

<div class="main">
  <div class="comments">
    <div class="insider">
      <div class="text">
        some text
      </div>
    </div>
  </div>
</div>

我目前在const ele = document.querySelector(".text")，我希望从上述元素动态上升，直到达到一个名称为“comments”的类，并且不远于此。

我如何通过普通 JavaScript 使用 来实现这一点querySelector？

我试图单击此按钮，但我一直失败，因为还有另一个具有相同类名但不同的类名的按钮aria-name，或者我只是错误地单击了它。

<button aria-label="upvote" aria-pressed="false" class="voteButton _2m5vzALl8kQdr9kwIFUo5t" data-click-id="upvote"><span class="_3wVayy5JvIMI67DheMYra2 _3SUsITjKNQ7Tp0Wi2jGxIM _22nWXKAY6OzAfK5GcUqWV2 qW0l8Af61EP35WIG6vnGk _3edNsMs0PNfyQYofMNVhsG"><i class="icon icon-upvote _2Jxk822qXs4DaXwsN7yyHA _39UOLMgvssWenwbRxz_iEn"></i></span></button>

我的代码现在看起来像这样：

  await page.waitForSelector('.voteButton._2m5vzALl8kQdr9kwIFUo5t');
  await page.click('.voteButton._2m5vzALl8kQdr9kwIFUo5t');

如何单击专门用于aria-labelor的元素data-click-id？

我有这样的数组

const arr = [a={} , b={}]

现在，我知道散布运算符不是用于突变或推入的，但这样做非常容易。

我希望此按钮在a按下时添加元素

 <Button
title= {this.props.title}
 onPress={ this.roomNumberPressed }
 />

所以最终结果是这样的：

arr = [a={1,2,3} , b={3,4,5}]