对于React.js来说非常新，我遇到了一个问题，使用参考资料来获取我的表单数据。我希望能够将数据传递给我将要创建的多个组件。我正在使用一个教程，我购买和一切都很好，但当我使用我自己的应用程序和提交表单时，我得到的错误如下。我想不出我会错过什么。我的组件的代码在下面，我正在接收的错误也粘贴在下面。任何帮助都是非常感谢的。谢谢!
错误：
VM7473:1 Fetch API cannot load webpack://%5Bname%5D_%5Bchunkhash%5D/./node_modules/react-dom/cjs/react-dom.development.js?. URL sch
浏览 0提问于2018-11-26得票数 0
回答已采纳
我做了一个简单的测试来捕获来自MyComponent组件的错误，但是在崩溃之后，错误信息没有显示在DOM中，而是在下面的代码中描述。在控制台中，它显示正常。
import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import './index.css';
class MyComponent extends React.Component {
constructor(props) {
浏览 22提问于2018-03-05得票数 0
属地：
react@16.8.4
react-dom@16.8.4
react-router@4.3.1
react-router-dom@4.3.1
我有两个项目。让我们将它们称为项目A和项目B。项目A是项目B的依赖项，代码中有以下几行：
if (this.state.redirectToOverview) {
return <Redirect push to={'/path'}/>;
}
但是，每次我想通过使用重定向重定向到另一个页面时，我都会得到以下错误(只有当从项目A重定向作为项目B的依赖项时才发生)：
checkPropTypes.js:20 Wa
浏览 1提问于2019-05-09得票数 2
回答已采纳
1回答
App.js
----------
import './App.css';
import {Link,Route,Routes} from "react-router-dom";
import {Login} from "./login";
function App() {
return (
<Routes>
<Route path="/*" element={<Login />}/>
</Routes>
);
}
export defau
浏览 13提问于2022-07-27得票数 0
3回答
我正在尝试通过一个搜索字符串来搜索用户，使用Github，我使用的是使用url的fetch，但是无法访问结果json。
这就是我获取数据的地方
componentDidMount() {
console.log(this.props.searchString);
let furl = 'https://api.github.com/search/users?q='.concat(
this.props.searchString
);
console.log(furl);
fetch(furl)
.then(res
浏览 0提问于2019-01-22得票数 0
回答已采纳
4回答
嗨，我在react中映射url有困难。我是完全新的反应js。我正在尝试将组件呈现到我的App中，当我呈现组件时，事情进行得很好，但是当我试图将它呈现为一个路由时，我尝试了这个错误，我尝试了一些可用的解决方案堆栈溢出，比如导入它作为‘react.i’，路由而不是Route，但是仍然无法修复这个bug.please指南来修复这个错误。
enter code here
import {
BrowserRouter as Router,
Route,
} from "react-router-dom";
import './App.css';
import
浏览 6提问于2022-01-22得票数 1
我已经更新了我的项目以响应16.3.1，现在我得到了以下错误：
Uncaught Error: Element ref was specified as a string (map) but no owner was set. You may have multiple copies of React loaded. (details: https://fb(dot)me/react-refs-must-have-owner).
at invariant (invariant.js:42)
at coerceRef (react-dom.development.js:6736)
浏览 0提问于2018-04-10得票数 0
回答已采纳
首先，我是个全新的反应。就像一个星期的经验:)所以，为琐碎的问题道歉。
我现在正试着找出与安全有关的事情。与auth0，redux等集成.一切看起来都很好。
现在，我正试图建造一条私人路线，并面临一个问题。
这是PrivateRoute
const PurePrivateRoute = ({ component, path, isAuthenticated, ...rest }) => {
const render = (props: any) => (isAuthenticated ? <Component {...props} /> : null);
re
浏览 2提问于2019-12-25得票数 1
2回答
React路由不接受组件
、、、
我编写了一个代码来显示某些组件，当用户进入某个路径时，在这种情况下，当用户进入"/“路径时，它应该返回一个标头和Home组件，但是我得到了以下错误：
错误：
uncaught Error: [Header] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
at invariant (router.ts:5:1)
at components.tsx:291:1
at
浏览 11提问于2022-04-14得票数 2
回答已采纳
我是第一次学习反应--质疑。我安装了react query，并检查它是否运行良好。现在我将使用ReactQueryDevtools工具。
但是，如果我安装ReactQueryDevtools并将其添加到代码中，则会发生以下错误。
<ReactQueryDevtools initialIsOpen={false} />
从App.tsx中删除此代码，它将正常运行。
输出错误(在web控制台中)
QueryClientProvider.tsx:48 Uncaught Error: No QueryClient set, use QueryClientProvider to set o
浏览 40提问于2022-11-18得票数 1
回答已采纳
2回答
我有一个带有{ "1" : [{"a" : ["p", "q"]}, "b", "c", {"d" : ["h", "w"]}] }结构的嵌套字典。这是。深度可以达到任何长度，但深度是有限的。我正在尝试用下面的代码创建一个嵌套列表(复选框)。
import React from "react";
class TagTree extends React.Component{
render(){
浏览 7提问于2022-10-23得票数 0
回答已采纳
2回答
我正在尝试遵循marmelab.com：的这个React管理教程。
在完成以下设置之后：
> npm create-react-app test-admin
> cd test-admin/
> npm install react-admin ra-data-json-server prop-types
> npm start
如本教程所述，我尝试运行以下代码：
// in src/App.js
import * as React from "react";
import { Admin } from 'react-admin';
imp
浏览 10提问于2022-04-05得票数 1
回答已采纳
我正在构建一个电子商务Wordpress/Woocommerce主题使用React.js。我正在使用国家预防机制一揽子计划：
创建-react主题主题
这个包直接在wordpress主题的index.php中呈现react应用程序。
我不知道如何访问react.js组件中的wordpress端点。我已经使用jsx为站点创建了模板，需要访问api来呈现动态内容。我可以使用http请求访问外部api中的点，但我需要能够访问react主题内部的完整api。
据我所知，我需要使用rest客户端来使用backbone.js访问understand。
或者我可能需要一个npm包来连接这件事。
如何使api
浏览 0提问于2019-02-06得票数 0
回答已采纳
在使用此this.setState更新对象后，我遇到了一个问题。
似乎我的对象在改变状态后被新的对象更新，但随后它返回到一个由render调用的函数，该函数映射我的组件的“视图”。
当返回重新渲染时，似乎映射函数突然变成了未定义。
会发生什么呢？似乎我的组件刚刚丢失了map函数
Error log:
SearchResult.tsx:113 Uncaught TypeError: testStories.map is not a function
at SearchResult.renderStoriesResults (SearchResult.tsx:113)
浏览 1提问于2018-08-25得票数 0
我正在尝试实现来自的sassy
就像这样：
import DatePicker from "sassy-datepicker";
function App() {
const [date, setDate] = useState(new Date());
const onChange = newDate => {
console.log(`New date selected - ${newDate.toString()}`);
setDate(newDate);
};
return(
<DatePicker
浏览 4提问于2022-01-11得票数 0
所以我从一个api中获取了一些数据。当我console.log数据时，页面加载正常，我可以在控制台上看到已经发送的数据，看起来像这样的["monster",{"hp":2040,"patk":74,"matk":108,"pdef":37,"mdef":37,"gold":68}]。当我对数据执行console.log操作时，我会返回monster，这样也能正常工作。如果我对data1执行console.log操作，我会得到一个类似以下{"hp":2040,"
浏览 2提问于2020-12-16得票数 0
2回答
从文本中响应解析JSON
、、、
我想解析一个完整的json字符串：
generateComponents(){
const component = JSON.parse(this.state.content);
console.log(component.name);
}
这是“this.state.component”中的JSON :已经更改了json结构至少3次。如果我再次用字符串e解析来转换json字符串，那么react返回对象，但是我不能从它访问任何东西--例如:如果我试图访问"name“属性，那么react返回的是这个属性不存在的情况。
存储在状态：(this.state.content)中
浏览 1提问于2020-05-16得票数 0
回答已采纳
2回答
我一直在尝试解决下面的错误，但找不到真正的原因。我浏览了所有与类似错误相关的解决方案，但都没有回答我的问题。
有人能帮我解决这个问题吗？
Uncaught Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
at inv
浏览 2提问于2019-04-03得票数 0
这个错误意味着什么？怎么解决这个问题？
ReactMount: Root element has been removed from its original container. New container
在这之后我得到了这个：
Uncaught object react.js:15915
invariant react.js:15915
ReactMount.findComponentRoot react.js:10584
ReactMount.findReactNodeByID react.js:10480
getNode react.js:10089
(anonymous funct
浏览 3提问于2014-07-16得票数 5
回答已采纳
React/Material ui新接口在这里，并得到了一个错误，我不知道。我正在使用material/ datagrid加载一个组件，而DataGrid正简单地返回应用程序中发生的“一个错误”。在没有列和行的情况下加载组件，则不会返回错误。但是由于数据网格中没有数据，这是必然的。
请参阅错误下面的组件
浏览器控制台消息：
Uncaught ReferenceError: e is not defined
at index-esm.js:15
at renderWithHooks (react-dom.development.js:14985)
at updateFun
浏览 6提问于2021-06-20得票数 3
回答已采纳
我使用React、node.js和Axios连接到我的Java/SpringBoot Rest GET服务，该服务以JSON数组的形式返回已保存用户的列表(我已经修复了CORS问题，两个服务器可以连接)。我已经成功地使用Axios GET连接和检索了REST数据，并且能够在Console.log中将其作为JSON数组的集合来查看，但是现在我希望在Material-UI DataGrid中显示这些数据。 下面是我的代码： App.js： import React, {useState, useEffect} from "react";
//import { axios } fr
浏览 15提问于2021-01-27得票数 0
4回答
反应式JS中组件间的切换
、、、、
我想要创建一个简单的流，有两个组件。第一个组件被呈现，我单击它上的一个按钮，这个操作呈现第二个组件。单击第二个组件中的按钮，它应该切换回第一个组件，但是出现了一个错误：
警告: React.createElement: type不应为空、未定义、布尔或数字。它应该是一个字符串(用于DOM元素)或一个ReactClass (用于组合组件)。检查exports.warning的呈现方法react.js:9853t.exports.React.createClass.render react.js:9853t.exports.React.createClass.render bundle.js:1
浏览 7提问于2015-12-03得票数 11
2回答
我的父组件是我传递给子组件的函数:注意: Planetdata没有重定向，但我认为这并不重要 export default function LandingPage() {
function redirection(){
console.log("redirecting");
}
return(
<>
...
{planetData.map((planet) => (
<Planet planet={planet} key={planet
浏览 32提问于2021-11-15得票数 1
回答已采纳
我是MERN堆栈的新手，我试图在这个堆栈上构建一个登录/注册系统。当我试图发出一个post请求时，它抛出了以下错误：
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'data')
at registrationHandler (Register.jsx:47:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
at Object.invokeGuarded
浏览 3提问于2022-01-21得票数 0
1回答
我试图让相机在我的RN博览会应用程序，但我得到一个错误。错误告诉我我正在使用钩子，我是如何使用类组件的，而不是使用钩子(据我所知！)
我在下面添加了代码和错误日志。有人能帮忙吗？提前谢谢..。
更新照片组件，它启动相机并处理图像处理
class UpdatePhoto extends Component {
constructor(props) {
super(props);
this.state = {
hasPermission: null,
type: Camera.Constants.Type.back,
};
}
asy
浏览 7提问于2022-02-20得票数 1
请帮我修复以下错误
ListItem.js:41 Uncaught :无法读取未定义的的属性“灰色”
at renderIcon (ListItem.js:41)
at ListItem (ListItem.js:220)
at renderWithHooks (react-dom.development.js:16241)
at mountIndeterminateComponent (react-dom.development.js:18775)
at beginWork$1 (react-dom.development.js:20137)
at HTMLUnknownElement.ca
浏览 0提问于2020-09-21得票数 3
1回答
我有表单组件(这是一个简化的例子。实际上，我有更多的字段)：
<form className="film-form" onSubmit={formik.handleSubmit}>
<LabeledInput
id="film-title"
name="title"
title="Title"
value={formik.values.title}
onChange={formik.hand
浏览 4提问于2020-10-11得票数 0
回答已采纳
我正在尝试使用rc-time-picker，但我得到了以下错误请检查下面的错误，我得到了什么Align.js:88 Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef is not a function at Align (Align.js:88) at updateForwardRef (react-dom.development.js:13581) at beginWork (react-dom.development.js:14402) at p
浏览 1提问于2019-12-06得票数 6
在带有MaterialUI库的Reactjs中使用以下代码时出错
<List>
<ListItem button onClick={()=> {window.location.href = '/project'}}>
<ListItemText primary ='Project'/>
</ListItem>
</List>
错误如下
Uncaught TypeError: Cannot read property 'location' of und
浏览 5提问于2020-06-08得票数 0
你好，朋友们，我在react的应用程序中遇到了一个问题，我不知道如何解决它，我正在打电话给axios，以获取我已经与postman一起尝试过的信息，后端工作得很好。问题是，我不知道这个执行useEffect()的方法，我正在执行这个调用来填充一个useState，并通过道具将这个对象传递给一个子组件。下面发送了代码和错误。非常感谢你能给我的任何帮助，我从反应开始
import React, { Fragment, useState, useEffect } from 'react';
import Breadcrumb from '../../common/breadc
浏览 2提问于2022-03-24得票数 0
回答已采纳
我正在尝试向我的项目添加redux，但是我被这个愚蠢的错误困住了，我无法调试。当我试图使用“connect()”导出组件以获得对Redux存储的访问时，我总是会得到这个错误。只有在使用connect()函数时才会发生这种情况。如果我把它从代码中去掉，它就会编译成标准代码：
connectAdvanced.js:116 Uncaught TypeError: Object(...) is not a function
at ConnectFunction (connectAdvanced.js:116)
at updateFunctionComponent (react-dom.
浏览 0提问于2019-04-25得票数 10
回答已采纳
2回答
我的应用程序运行良好，然后我更新了它以响应18，现在，当我从一个路由导航到另一个路由时，如果当前路由使用useEffect在加载时调用一些API，那么它就会抛出“破坏不是一个函数”。我在网上搜索过这方面的内容，但每个问题都不是关于这个问题的。也许反应18是新的，这就是为什么我找不到解决办法。尽管当我重新加载相同的页面时，它的加载非常完美。我只是在应用程序崩溃时导航。如果我评论useEffect，一切都很好
这是我的useEffect代码
//on mount useEffect
useEffect(async () => {
getCases()
}, []);
/
浏览 22提问于2022-04-06得票数 4
回答已采纳
我正在做一个应用程序，从一个网址获取参数，并根据网址的值工作，为了做到这一点，我尝试实现redux，我想我写了大部分代码，我是反应和redux的初学者。当我在我的index.js文件中插入提供程序时，它给了我无效的hookCall错误。我遇到了一些帖子，但没有一个能解决这个问题。喜欢:，
index.js
import React from 'react';
import ReactDOM, {render} from 'react-dom';
import { Provider } from 'react-redux&
浏览 1提问于2020-02-04得票数 6
我正在学习react，特别是本节的reactjs/toolkit，并通过几个基本的例子来帮助我自己学习我假装有人登录他们的帐户的地方。我明白我的错误，但我想不出如何解决它。据我所见，我的代码是完全正确的，因为我前面的示例遵循了完全相同的模式。这个问题来自我导入的authSlice。在源文件中，它可以访问authSlice.actions.login等，但是一旦导入它就没有了。无论出于什么原因，它都不注册login(){}或logout(){}。因此，当我将表单附加到提交处理程序时，将引发此错误。我认为这是一个问题，因为当我控制台记录这些操作时，我没有看到我的登录或注销操作。我在这一点上也可能是
浏览 14提问于2022-02-28得票数 0
回答已采纳
1回答
我有两个简单的反应组件：
// Array.js
import React from 'react'
import PropTypes from 'prop-types'
const factor = 10
const Array = ({array}) =>
<div className="array">
{array.map(v => v * factor)
.map((h, i) => <Column key={i}
浏览 3提问于2017-10-29得票数 2
回答已采纳
我正在使用contenteditable开发一个EditableLabel React组件(带有Typescript)。我试图选择整个文本(类似于)，但这应该发生在用户将注意力放在文本上时，作为内联编辑。
我认为我可以做this.domElm.current.select()，类似于我用document.getElementById('myid').select()做的事情，但它不起作用。
它在onFocus方法上失败。
import * as React from 'react'
export class EditableLabel extends R
浏览 9提问于2018-09-17得票数 1
1回答
我是React.js的新手，problem是每当我使用<Link to="/">而不是<a href="/">时，我的页面变成了空白，我仍然不知道发生了什么，为什么我不能使用<Link>，如果我使用<a href="/">，那么页面就会出现
导入{ BrowserRouter作为路由器，链路，路由，路由}从“反应-路由器-多玛”；
import PropTypes from "prop-types";
import { Link } from "react-router-do
浏览 10提问于2022-03-21得票数 1
回答已采纳
我正在尝试获取和显示previousOwners，这是MongoDB模式中的一个对象数组。我在模式中将类型列为"Array“，并尝试迭代carList.js文件中的项。不幸的是，我收到了以下错误消息：
Error: Objects are not valid as a React child (found: object with keys {Owner1, Owner2, Owner3}). If you meant to render a collection of children, use an array instead.
react-dom.development.js:1
浏览 2提问于2021-07-01得票数 0
回答已采纳
0回答
我试图在下面的代码中导入"react-dropdowns-datepicker“和"react”，但它不起作用：
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
浏览 2提问于2018-07-15得票数 0
我有以下简单的应用程序：
import Grid from '@material-ui/core/Grid';
function App() {
return (
<div className="App">
<Grid container spacing={2}>
<Grid item xs={8}>
a
</Grid>
<Grid item xs={4}>
b
</G
浏览 4提问于2021-12-23得票数 0
我正在应用程序中生成路由器组件： render() {
return (
<div className="App container-fluid">
<CharacterProvider>
<Router>
<div>
<Link to="/new">New Character</L
浏览 40提问于2019-05-15得票数 0
回答已采纳
这是我的Product类，在这个类中，我已经到达了产品服务--只有当我使用product.category.categoryName时才会导致错误。在产品服务类中，我使用Axios与API交互。
import React, { useState, useEffect } from 'react'
import { useParams } from 'react-router'
import { Button, Card, Image } from 'semantic-ui-react'
import ProductService from
浏览 10提问于2022-08-24得票数 1
回答已采纳
2回答
我正试图用Google跟踪我的应用程序。我在这里找到了一个包：，它似乎很受欢迎，但我不知道如何正确配置它，尽管有说明！！
我以网站为例，创建了一个名为google Manager.js的新脚本。
然后，我将其包含在我想要跟踪的页面中：import GoogleTagManager from '../components/google-tag-manager'
然后，我简单地将标记添加到()函数中。
我猜我还没有完全理解，因为我现在收到了一个错误：
TypeError: Cannot read property 'string' of undefined
./sr
浏览 6提问于2017-10-12得票数 1
回答已采纳
我遵循了有关FileInput字段的react-Admin3.2.0文档(请参阅)，并制作了如下所示的create表单：
export const TemplateCreate = props => {
const classes = useStyles();
return (
<Create {...props}>
<SimpleForm redirect="list">
<TextInput source="id" disabled v
浏览 7提问于2020-02-25得票数 0
1回答
尝试取消api调用，以检查并查看给定的电子邮件地址是否已被占用。
以下是关于这一点的错误逻辑。
const request = email => {
return Axios.get(
'http://localhost:4000/api/v1/users/precheck?user[email]=' + email,
).then(response => {
return response.data.precheck == 'ok';
});
};
const checkEmail = _.debounce(reque
浏览 0提问于2018-07-16得票数 5
我试图使用redux将数据加载到researchPage组件中。我完全不确定为什么我会犯以下错误。我对Redux很陌生，虽然它有点像锅炉板，但我似乎迷失了方向。我非常感谢有人愿意给予的任何帮助。我收到以下错误：
错误：
TypeError: Cannot read property 'map' of undefined
ResearchPage.render
C:/Users/dgponder/codeRepository/insight-react/insight-react-ui/src/pages/researchPage/reasearchPage.js:15
12
浏览 6提问于2021-01-29得票数 0
回答已采纳
**我的代码正在做的事情：**
当sendprops值注册时，显示带有呈现电子邮件和确认密码组件的注册页面，并发送注册api请求，同样用于登录。
实际上，我是个新手，刚开始做一个小项目，就是登录和注册。
我的代码：
const Form = ({ sendprop }) => {
const [formValue, setFormValue] = useState({
name: "",
email: "",
password: "",
confirmPassword: "",
});
浏览 5提问于2022-10-03得票数 0
这是导致我的错误的代码：
const [cars, setCars] = useState([]);
async function fetchCars() {
const response = await axios
.get("localhost:3001/")
.catch((err) => console.log(err));
if (response) {
const cs = response.data;
console.log(cs);
setCars(cs);
}
}
浏览 7提问于2022-11-02得票数 0
这是我的webpack.conf.js
var path = require('path');
var config = {
devServer: {
contentBase: "./public",
hot: true,
},
entry: path.resolve(__dirname, 'src') + '/index.js',
output:{
path: path.resolve(__dirname, 'public'),
filename:'
浏览 2提问于2017-07-24得票数 4
回答已采纳
我试图得到反应和反应-路由器加载到我的应用程序通过需求。我必须遵循垫片设置，但我仍然得到一个错误的反应-路由器没有得到一个适当的反应对象。
paths: {
domReady: '../lib/requirejs-domready/domReady',
react: '../lib/react/react',
'react-router': '../lib/react-router/dist/react-router'
},
shim: {
浏览 5提问于2014-09-14得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
