我正在尝试打字稿并做出反应。我有一个功能组件（下面的代码），该功能应该用usecontext消耗上下文，但是它向我展示了我找不到我找不到的错误。如果我不使用ts，并且与JSX一起使用，它可以正常工作。编辑：屏幕插图＆gt;消费者：login.tsx160100506非常感谢任何帮助。截至日期，反应和依赖性都是最新的。
2019-08-02
我以以下方式使用@loadable/component：app.jsimport React from 'react';import loadable from "@loadable/component";// ...const Welcome = loadable(() =>import(/* webpackChunkName: "welcome" */ "./components/Welcom
2020-12-18
因此，我尝试在本地托管一个项目，但在打开 localhost 时出现错误。我提供了控制台显示的内容、在 localhost:3000 上看到的内容以及来自前端和后端的 packageJson。我认为这可能与错误的版本有关，导致它崩溃，因为我看过类似的帖子，但我不确定。如有必要，我很乐意提供更多信息。这是控制台显示的内容：[0] Find the server at: http://localhos
2021-01-02
我刚刚开始使用 react useContext，遇到了一个问题，我找不到解决方案。当在另一个文件中调用创建的上下文时，它返回未定义。我试图研究多个答案像这样和其他答案，但找不到一个可以修复错误的答案。我试图在这里创建 CartStatusContext 并设置一些初始状态import React, { useState } from "react";const CartStatusContext
2021-02-24
我刚刚开始使用 React 中的 useContext 钩子，但无法让它工作。在文件 App.js 中，我定义了 App 组件中的值： const StateValue = React.createContext(null);然后，我尝试从 useState 传递一个函数，在同一组件的返回段中使用以下代码： <StateValue.Provider value={setLogState}>{lo
2021-08-04
我正在测试useContext，但出现错误，我不知道如何修复它，应用程序的想法是使用useContext创建一个计数器，每次按下按钮时计数器都会增加一。我创建了一个计数器组件：import { useContext } from "react";import { CountContext } from "../../context/Count";export const Counter = ()
2021-10-27
我对 useContext 有疑问，因为它返回了 undefined。你能帮助我吗？Uncaught TypeError: Cannot destructure property 'course' of 'Object(...)(...)' as it is undefined.
2021-10-28
我遇到一个问题，即 useContext 返回undefined值。我为折叠菜单（如切换菜单）创建了一个上下文。之后，我将提供程序添加到索引文件中以包装主组件。我转到主文件导入CollapseContext，但这是文件，它不起作用 :( ?我不明白为什么它返回undefined。下面是我的代码。src/context/CollapseMenuContext.jsimport React, { cr
2022-07-03
当我尝试使用此代码动态导入 xml 文件时：const path = require.context(`../report/${runId}/`, false, /\.xml$/);我收到此错误：Uncaught (in promise) TypeError: __webpack_require__(...).context is not a functionat fetchData (xmlpa
2022-08-02
我在父组件内声明了一个组件。我想在一个文件中建立特定的 props，然后在父组件中，我希望能够一次性为子组件建立其他 props（因为它们是共享属性……大部分情况下都是）。我的问题是子组件尝试渲染并失败，因为最初没有建立所需的 props 类型。有没有办法告诉子组件等待所需的 props 渲染？在 ParentComponent 渲染函数中，我调用另一个函数来运行 React.Children.m
2016-05-18
我有一个 React 应用，它在不同的组件中使用多个提取调用。在主页组件中，我导入了较小的组件，所有组件都有自己的提取调用。render() {return (<React.Fragment><Banner/><Services /><About /></React.Fragment>)}Banner、Services 和 About 对不同的端点有自己的提取调用，现在我的问题是由于响应速度稍慢，
2018-11-21
我创建了一个具有添加注释功能的日历应用。为了实现添加注释的功能，我创建了一些具有自己的状态timeStart的父组件，然后将其传递给子组件。子组件应接受来自ParentComponent的props，并在构造函数中执行time1:this.props.timeStart。但由于setState函数异步，ChildComponent 没有时间等待来自 ParentComponent 的 props。
2019-01-21
我是 React 的新手。我正在渲染组件 A。该组件中有 5 个子组件。每个子组件都在请求 API 并从 API 加载信息。我想显示一个加载符号，直到收到并渲染所有响应。我真的不确定如何实际执行此操作。例如：class Home extends React.Component {constructor() {super();this.state = {isLoggedIn: getCookie("
2019-02-18
在我的父组件中，我有一个按钮，该按钮获取所选项目的对象并在子组件的输入字段中呈现。父组件呈现，<h4 className="table-title">Status</h4><div className="table-box">{props.table_data.map((item, idx) => {if (item.profiledata) {return (<div><h4 className
2019-10-23
我很确定我知道问题所在。我认为这是因为子组件在其 props 准备好之前就渲染了。在查看了许多教程和文档后，我就是搞不清楚我做错了什么。我在页面打开时使用 hooks 和 useEffect 从 firestore 获取数据。之后，我想将数据传递给子组件“Table.js”进行显示。如果我在父组件中拥有表格，它可以正常工作，但是一旦我将表格移动到它自己的组件中，我就会收到一条错误消息，指出 for
2019-12-03