小编s.h*_*sam的帖子

为了改进 TTFB（第一个字节的时间），'PageSpeed Insights' 建议使用，ReactDOMServer.renderToNodeStream()但我不知道如何实现它。我阅读了rendertonodestream文章，但我不知道如何使用它。另外，我阅读了dev.to 文章，但在我的 next.js 应用程序中，没有 webpack.config.js 文件。如果我不能renderToNodeStream在 Next.js 中使用 react ，如何覆盖renderToNodeStreamNext.js 中的效果？

我正在使用nuxtjs，并且安装eslint在我的项目上，并且在使用时npm run dev，我收到了大量的错误。我怎样才能解决这个问题：

我需要随Maxwell分布分布的10000个随机数.对于正态分布,我知道我必须使用Box-Muller变换,但我的问题是为什么

 normal_distribution

默认情况下被定义为变量(或我不知道的任何东西)？"normal_distribution"是一个给出正态分布数的函数吗？如果是,麦克斯韦分布是否可行？如果没有,我该怎么办？事实上,我想学习如何使用C中的Maxwell分布创建随机数.感谢任何提示.

我使用创建了一个反应项目

create-react-app react-app

然后使用所有文件夹创建了一个反应应用程序。（使用 Visual Studio 代码）

然后使用rimraf删除“src”文件夹

然后打开index.html并删除其所有内容。

然后 ！并在index.html中输入并创建HTML样板代码

然后在其中创建以下div，

 <div id="root">
      React Component goes here....
 </div>

现在创建了“src”文件夹，并在其中创建了包含以下内容的“index.js”，

import React from "react";
import ReactDOM from "react-dom";
import "../node_modules/bootstrap/dist/css/bootstrap.css";
import HelloComponent from "./components/helloComponent";
import BindingComponent from "./components/bindingComponent";

ReactDOM.render(
  <React.Fragment>
    <HelloComponent name={"Rohit"} />
    <HelloComponent />

    <BindingComponent></BindingComponent>
  </React.Fragment>,
  document.querySelector("#root")
);

在“package.json”中，我在脚本部分有以下内容，

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

还在组件文件夹中创建了 React Components

现在，当我运行 using 时npm start，它如何调用index.js ???

在类组件中，setState方法可以采用回调函数，但是在功能组件中，当我给服装setState提供回调时，会发生以下警告：警告：useuse（）和useReducer（）的状态更新钩子不支持第二个回调参数。要在渲染后执行副作用，请使用useEffect（）在组件主体中声明它。我需要设置状态，然后页面将重定向。但我不知道

我想增加材料表页脚分页部分的字体大小。

在下图中，我可以使用以下代码更改每页行的字体大小

[1]：https://i.stack.imgur.com/cjNmp.png

components={{
    Pagination: props => (
      <TablePagination
        {...props}

        SelectProps={{
          style:{
            fontSize: 20
          }
        }}
      />
    )
  }}

但仍然无法改变整个下划线部分的增加尺寸

考虑这个片段：

const obj1 = {1:1, 2:1, 3:1}
const obj2 = {1:1, 4:1, 9:1}

for(let key in obj1){
    if(!(key ** 2 in obj2)) return false
  }

该算法的 Big O 可以认为是 O(n) 还是应该是 O(n^2)，因为：

if(!(key ** 2 in obj2))

被认为循环遍历obj2的所有项目（搜索）

**注意**：假设obj1和obj2的长度相等

我有一个函数，它获取 ID 列表，将它们转换为数组 URL，然后使用 map 函数来触发获取请求。它工作得很好，但启动速度太快，并且提供者会抛出错误，因为我们太频繁地访问 API。我需要为请求设置一个时间间隔，但每次这样做都不起作用。有想法吗？

async function getReports(reportIDs) {
    const urls = reportIDs.map(id => `https://api.data.com/api/v1/report/${id}/?include_datasets=true`);
    const requests = urls.map(url => fetch(url, {
        method: 'GET',
        headers: { 'api-key': key }
    }).then(res => res.json()));
    
    const responses = await Promise.all(requests).catch(err => console.error(err));
    return responses;
}

我用一个承诺，这样我就可以await在另一个函数中使用该函数的结果来转换数据集。

有想法吗？

我希望在用户单击 TextField 之前不会显示错误消息。这是我的代码：

import React, { useState, useEffect }               from 'react';
import { TextField, Grid, Button }                  from '@material-ui/core';

const ReplyToComment = () => {

    const [replyContent, setReplyContent] = useState();
    const [errorMessage, setErrorMessage] = useState([]);

    useEffect(() => {
        if(replyContent) {
            if(replyContent.length > 7){
                setErrorMessage([]);
            } else {
                setErrorMessage(["Your answer is too short"])
            }
        } else {
            setErrorMessage(["answer field can not empty"])
        }
    }, [replyContent]);

    const handleChange = (event) => {
        setReplyContent(event.target.value)
    };
    
    const handleSubmit = async () => {
    console.log("************") …

我用 TypeScript 在 React.js 中创建了一个上下文，但发生了这个错误： 找不到命名空间 'JobContext'.ts(2503)

import React, { createContext, useState }       from 'react';

export const JobContext = createContext<any>({});

const JobContextProvider = ({ children }) => {

    const [data, setData] = useState<any>();

    const updatingState = (newData) => setData({ ...data, ...newData });

    return (
        <JobContext.Provider value={{data, updatingState}}>
            {children}
        </JobContext.Provider>
    );

};

export default JobContextProvider;