小编Mor*_*ani的帖子

如何禁用加载 React Devtools 后端脚本

在生产中,react_devtools_backend.js 无论如何都会加载,这会减慢我的网站在生产中的速度。如何禁用加载此反应开发工具?我正在使用react 16.8、reactSSR、webpack 4.29、apollo

我已经用过

 new webpack.DefinePlugin({
      '__REACT_DEVTOOLS_GLOBAL_HOOK__': '({ isDisabled: true })'
    }),

Run Code Online (Sandbox Code Playgroud)

if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === "object") {
    for (let [key, value] of Object.entries(window.__REACT_DEVTOOLS_GLOBAL_HOOK__)) {
        window.__REACT_DEVTOOLS_GLOBAL_HOOK__[key] = typeof value == "function" ? ()=>{} : null;
    }
}
Run Code Online (Sandbox Code Playgroud)

<script>
        if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
            __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {};
        }
</script>
Run Code Online (Sandbox Code Playgroud)

和这个

const disableReactDevTools = (): void => {
    const noop = (): void => undefined;
    const DEV_TOOLS = (window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__;

    if (typeof DEV_TOOLS === 'object') { …
Run Code Online (Sandbox Code Playgroud)

reactjs webpack server-side-rendering

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

React Context 未定义 no-undef

我有导航常量,它是一个对象数组(网络商店大型导航)。我需要使用上下文提供程序,当我尝试使用上下文时,它会告诉我NavContext' is not defined no-undef

NavContext.js

import { createContext } from 'react'

const navigation = [...] // array of objects

const NavContext = createContext(navigation)

export default NavContext
Run Code Online (Sandbox Code Playgroud)

导航js

import {createContext} from 'react'
import NavContext from './context/NavContext' //added

function Nav() {

    return (
        <NavContext.Provider> //deleted value
        // childrens
        </NavContext.Provider>
    )
}
Run Code Online (Sandbox Code Playgroud)

侧边栏.js

//then in one of the child I'm trying to call it:

import { useContext } from 'react'
import NavContext from '../context/NavContext' //added

function Sidebar(){
    const nav = …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

NextJS(也是 NodeJS)中的代理传递 multipart

multipart/form-data我的任务是通过api 路由进行代理传递NextJS,但内置的 bodyParser 正在破坏传入的多部分数据。NodeJS 的任何其他插件都不允许我代理传递多部分数据的清晰字节并创建非表单数据的其他对象。

那么如何在没有插件的情况下在 NextJS API 路由中代理传递 multipart/form-data 呢?

proxy multipartform-data node.js next.js

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