reactjs - ReactN 给我 undefined 然后我使用“useGlobal”并尝试获取状态
问题描述
当我使用 reactn 库(管理和促进钩子)来获取我用 setGlobal 分配的初始全局状态时,它没有设置任何东西。当我试图得到它说未定义。
我以前使用过这个库,它通常只是导入的问题: import React from "reactn"; 从“reactn”导入 { setGlobal };
然后只需设置全局变量。
import React from "reactn";
import { setGlobal } from "reactn";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
ReactDOM.render(<App />, document.getElementById("root"));
setGlobal({
test: "test",
something: { attr1: "something", attr2: "something", attr3: "something"}
});
serviceWorker.register();
import React, { useEffect, useGlobal } from "reactn";
export default function Engine(props){
const [something, setSomething] = useGlobal("something");
const [test] = useGlobal("test");
console.log(something, test)
useEffect( ()=>{
console.log(something, test)
} );
return(
<div></div>);
}
我期望我应该得到的值而不是 undefined undefined
解决方案
setGlobal
问题是在呈现应用程序 ( ) 之后正在设置 ( ) 全局状态ReactDOM.render
。
将它移到渲染上方,它应该可以工作。
推荐阅读
- python-3.x - 将列数据类型从 Timestamp 更改为 datetime64
- c++ - 如何创建 NVIDIA OpenCL 项目
- sql-server - 如何在 Microsoft SQL 查询的参数化 XQuery 表达式中使用 unicode 字符
- github - GitHub - 从存储库中删除后,它不显示我的贡献
- html - 为什么每次写入大文本时我的 div 框都会变宽?
- android - 从顶部拉出类似于 SystemUI 应用程序中的快速设置覆盖时如何显示覆盖?
- r - fileInput 在 Docker Windows 系统中无法正常工作
- qt - 如何设置动态创建的对象的一个或多个属性?
- node.js - 为什么本地 Firebase 文档删除功能不起作用而服务版本起作用?
- sql-server - 使用日期时间过滤器将 SQL Server 数据提取到 SAS