1回答
我在react.js中使用了用于网格的jqwidget。我让JqxListBox在我的父组件中有一个选项列表。
class ParentComponent extends React.Component {
constructor(props) {
super(props);
}
render() {
return <JqxListBox ref='myListBox' style={{ float: 'left' }} width={150} height={150} source={listBoxSource} check
浏览 9提问于2018-04-25得票数 4
4回答
我得到了
Uncaught TypeError: Cannot read property 'page' of undefined
来自console.log(props.searchedLocation.totalPages.page).
下面的对象是‘pros.searchLocation’的控制台日志。
{
next: { page: 3, limit: 10 },
previous: { page: 1, limit: 10 },
totalPages: { page: 32 },
results: [
{
},
]
}
它在执行c
浏览 7提问于2020-08-01得票数 0
回答已采纳
2回答
当访问props of undefined cannot read property of undefined时，为什么要响应崩溃？
例一:知道props.name是未定义的，这段代码将返回一个错误。
const component = (props) => {
return(
<p>{props.name}</p>
)
}
例二:为什么在这种情况下，react可以在没有错误的情况下呈现undefined，在这种情况下，undefined将返回不可见的。
const componentTwo = () =&
浏览 0提问于2018-08-03得票数 2
回答已采纳
我到处看了看，但找不到确切的答案。我已经用<AuthContext>包好了我的应用程序，我已经通过了道具测试并尝试了return <div>{props.user.username}</div>，但是什么都不起作用，只是一次又一次地得到相同的TypeError: Cannot read property 'username' of undefined。我在这里做了什么根本错误的事情，还是有一个简单的答案？ import React, { useContext } from "react";
import { AuthCont
浏览 14提问于2020-12-26得票数 3
在类组件中获取事件的react ref值的权利是什么？ class ReactRef extends Component {
constructor(props) {
super(props);
this.buttonValue = React.createRef();
}
hasText() {
console.log(this.buttonValue.current); //Cannot read property 'buttonValue' of undefined
}
render(){
return(
浏览 14提问于2019-04-14得票数 0
回答已采纳
2回答
我想用Tab组件扩展es6类，如下所示：
import React from "react";
import {Tab} from "material-ui";
class MyTab extends Tab {
constructor(props){
super(props);
}
render(){
return super.render();
}
}
export default MyTab;
但我发现了一个错误：
Uncaught TypeError: Cannot read pr
浏览 10提问于2016-02-11得票数 2
1回答
我已经设置了一个PubSub事件系统，但是由于某种原因，当我再次成功地设置组件的状态时，正在接收一个Cannot read property 'items' of undefined。
我似乎无法访问this，但不知道为什么？
BasketContainer组件
class BasketContainer extends React.Component{
constructor() {
super()
this.state = {
items: [],
subTotal: 0,
totalPrice: 0,
浏览 3提问于2016-04-11得票数 1
我正在尝试使用react beutiful-dnd，它接受字符串作为组件it。当我使用<Droppable droppableId={this.props.id.toString()}>时，它返回一个错误：
TypeError: Cannot read property 'toString' of undefined
//App.js
//...
render(){
return(
<AppsComponent id={1} />
//...
//AppsComponent.js
//...
render(){
ret
浏览 0提问于2018-05-13得票数 1
回答已采纳
我需要做一个表单来提交几个选项中的一个，我需要使用react，这样我就不能使用本地状态来更改所选的选项。
这个应用程序确实能工作(这意味着组件已经工作了)，但是如果选择一个选项，我就会得到TypeError: Cannot read property 'props' of undefined。
componentDidMount() {
this.props.setModelSelector(data)
}
handleChange(event) {
this.props.selectCar(event.target.value)//the functi
浏览 0提问于2019-06-22得票数 1
回答已采纳
我尝试在我的JSX中打印属性的值，即使日志显示当我试图打印单个对象时，它抛出错误TypeError: Cannot read property <' objects '> of undefined 我正在使用REDUX，我尝试了使用map、forEach等进行循环，但仍然收到错误。console.log( "props.stories“)显示了对象，但是当我尝试记录单个对象时，”props.stories“变成了"undefined”。 import React from 'react'
import {connect} from
浏览 33提问于2019-05-25得票数 0
下面使用类型冲突的Example1可以工作，但我试图声明导出以改进类型检查的尝试失败了(参见Example2和Example3)。
// @flow
import * as React from 'react'
import { connect } from 'react-redux'
// flow errors below will be the same if Props is an exact type {|...|}
type Props = {
prop1: number,
prop2: number,
}
class Exam
浏览 4提问于2018-04-24得票数 3
1回答
我有一个很基本的反应成分。我试图创建一个表单提交。当表单提交时，我试图防止默认的提交行为，就像反应一样。
下面是整个组件(这里有redux，但是这个问题不重要)：
import React from "react";
import { connect } from 'react-redux';
export class App extends React.Component {
handleSubmit(e) {
e.preventDefault();
this.props.dispatch();
}
浏览 0提问于2018-05-17得票数 1
回答已采纳
4回答
你好，我在React中实现了一些基本的导航，我有以下代码：
编辑的.js
var Navigation = React.createClass({
getDefaultProps: function() {
return {
navigationItems: [
{ 'id': 1, 'name': 'Home', 'url': '/home' },
{ 'id': 2, 'name': 'About', &#
浏览 2提问于2015-07-16得票数 0
1回答
我试着解决React令人讨厌的bind需求，如下所示：
class ExtendedComponent extends React.Component {
custom_functions: [];
constructor(props){
super(props);
let self = this;
for (let i = 0; i < this.custom_functions.length; i++) {
let funcname = this.custom_functions[i];
浏览 12提问于2017-02-16得票数 2
回答已采纳
我在搜索栏中输入用户名有问题。问题是，如果我们输入用户名并想从搜索栏中删除它，那么沙箱中的TypeError Cannot read property 'map' of undefined就会发生错误，但是在我的计算机(本地) TypeError: this.props.users.items is undefined上会出现一个错误。这是我的密码
import React, { Component } from "react";
import User from "./ItemUser";
class UsersList extends Co
浏览 0提问于2018-09-18得票数 0
回答已采纳
我尝试从state传递一些数据，作为道具传递给另一个组件，如下所示：
class Editor extends React.Component {
constructor(props, context) {
super(props, context);
this.state = {
Data: null
};
}
handleClick = () => {
const fdata = this.props.fetchData(); //returns some data as array of objects
this.s
浏览 0提问于2019-11-05得票数 0
回答已采纳
3回答
我有这个问题，我看答案，但解决不了我的问题。
错误是提示我'TypeError: Cannot read property 'changeUsername' of undefined'。
守则如下：
import {observer, inject} from 'mobx-react';
@inject(['loginStore'])
@observer
class login extends Component {
changeUsername = (e) => {
debugger;
浏览 2提问于2018-07-12得票数 1
回答已采纳
Can not setState属性它不知何故未定义 在构造函数中执行this.spin = this.spin.bind(this)会生成Cannot read property 'bind' of undefined，在spin中执行箭头函数会生成Failed to compile import React from 'react';
function getSeed() {
return Math.floor(Math.random() / 2)
}
var seed = getSeed();
function spin(timer) {
浏览 26提问于2019-10-03得票数 0
回答已采纳
我第一次使用Button和Input来尝试nachos-ui，但是同样的错误出现了 TypeError "Cannot read property 'color' of undefined" 我有什么问题吗？ "react-native": 0.58.5
"nachos-ui": "^0.2.0-beta.1" 节点版本v10.15.1 import React, { PureComponent } from 'react';
import { View, Text, TextInput } fr
浏览 27提问于2019-04-11得票数 1
回答已采纳
2回答
我正在尝试构建一个使用拖放行为的应用程序，而被拖动的组件需要克隆到DOM的其他地方。由于组件已经被挂载，尝试再次挂载它会导致浏览器挂起。
尝试使用cloneWithProps会导致Cannot read property 'defaultProps' of undefined错误。
下面是一个测试案例：
var TestCase = React.createClass({
getInitialState () {
return {
draggingItem: null
}
},
render () {
return <di
浏览 4提问于2014-12-12得票数 2
回答已采纳
0回答
我有一个调用函数的React组件，我需要将注入的mobx store和组件props传递给这个函数
const Component = inject("store")(observer(({store, props}) => {
return (
<div>
{_someRenderFunction(store, props)}
</div>
);
}));
它在下面的函数中使用
function _someRenderFunction(store, props) {
let data
浏览 3提问于2017-11-30得票数 1
回答已采纳
2回答
在我的应用程序中，构造函数中有一个带有状态变量和一个组件变量的组件。但是，如果我尝试通过调整窗口大小从我的方法中访问它们，我将得到undefined和cannot read property 'test' of undefined。
import React from 'react';
class Testapp extends React.Component {
constructor(props) {
super(props);
this.state = {test: "he"};
浏览 1提问于2020-01-20得票数 1
回答已采纳
1回答
反应状态不能改变
、、
在组件调用函数之后，在未定义函数之前，对此作出反应。我不能改变状态。
export default class Chart extends React.Component {
constructor(props) {
super(props);
var obj=JSON.stringify(this.props.data);
this.state={data: obj};
}
insert(){
//here it shows undefined
console.log(this)
var json=JSON.pa
浏览 0提问于2018-03-20得票数 0
回答已采纳
2回答
我尝试使用ajax请求读取一些数据，但我不确定我的代码是否正确。以下是代码：
interface IProps {
data: IScheduler;
}
interface IState {
list: IScheduler;
}
export default class Page extends React.Component<IProps, IState> {
constructor(props: IProps) {
super(props);
this.state = {
list: this.props.data,
浏览 7提问于2017-12-11得票数 3
回答已采纳
我刚刚开始学习上下文，并遵循了一个教程。正如韦斯·博斯所做的那样，但该州并没有像消费者预期的那样获得通过。
TypeError: Cannot read property 'name' of undefined发生此错误
已经尝试过制造功能组件，但是同样的事情也发生了。
上下文构成部分：
import React, {Component} from 'react';
const MyContext = React.createContext();
export default class MyProvider extends Component {
s
浏览 0提问于2019-06-30得票数 0
回答已采纳
1回答
我的代码工作正常，直到我安装了"@react-navigation/native"："^5.1.3"，"@react-navigation/stack"："^5.2.8“。前面我用的是“react导航”："^4.2.2"，"react-navigation-stack"："^2.2.3“包。App.js： <Stack.Screen name="HomeRT" component={Home} />
<Stack.Screen name="BlogDe
浏览 46提问于2020-03-28得票数 0
我正在试验流星1.5和反应15.6.1。
/client/main.js
import React from 'react';
import { render } from 'react-dom';
import { Meteor } from 'meteor/meteor';
import App from '../imports/app';
Meteor.startup(() => {
render(<App />, document.getElementById('root'));
浏览 0提问于2017-09-17得票数 0
回答已采纳
4回答
我在我的中的RandomName组件中收到一个错误，我的组件"TypeError: Cannot read property 'length‘of undefined“。我做错了什么？
import React, { useState } from 'react';
import ReactDOM from 'react-dom';
function RandomName(props) {
const [name, newName] = useState(0);
const { names } = props;
ret
浏览 1提问于2020-09-15得票数 0
我想要一个包含产品列表和呈现每个产品的listItems列表的组件，但它给出了错误：
TypeError: Cannot read property 'products' of undefined
new ProductList
src/components/products/ProductList.js:11
下面是我的代码：
import React, { Component } from "react";
import productData from "./model";
import Product from "./Produc
浏览 9提问于2018-08-08得票数 0
回答已采纳
我使用react-context保存我的数据并访问构造函数中的数据，如下所示：
class MyComponent extends Component {
//constructor
constructor(props, context) {
super(props, context);
const { testData } = this.context.storedData
this.state={
//maintained states
}
}
浏览 3提问于2019-11-06得票数 0
我正在做react-rails应用程序。我得到了这个奇怪的错误。似乎这是react本身的问题所在。下面是我得到这个错误的上下文：
var ChronicBox = React.createClass({
getInitialState: function(){
return {chronics: []}
},
componentWillMount: function(){
$.ajax({
// some ajax call that setsState of chronicles
});
},
rende
浏览 3提问于2016-02-12得票数 7
回答已采纳
我已经安装了mobx-react-devtools作为开发依赖项，在我的index.js中导入了它的引用，并按照npm文档中的说明插入了<DevTools />。 然而，我得到了3个错误： TypeError: Cannot read property 'on' of undefined
TypeError: (0 , a.trackComponents) is not a function
TypeError: Cannot read property 'dispose' of undefined 我做错了什么？ index.js import
浏览 27提问于2020-12-03得票数 0
回答已采纳
我的应用程序从Firebase数据库中检索数据，并试图将其加载到“状态”中，但get错误“无法读取未定义的属性setState”。
我试图在构造函数中添加绑定，但它不起作用
import React from 'react';
import { View } from '@vkontakte/vkui';
import * as firebase from "firebase/app";
import {config} from './dbinit' // import firebase config
import "
浏览 0提问于2019-06-24得票数 0
回答已采纳
我从here复制粘贴了演示，但它似乎不能在我的应用程序中工作。不确定与我的代码和网站上的代码有什么不同。我得到以下错误： react-dom.development.js:14724 Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
VM15341 makeStyles.js:170 Uncaught TypeError: Can
浏览 16提问于2021-01-04得票数 0
我是ReactJS的初学者，我正在尝试使用history.push()重定向页面，但没有成功。有人能帮我说出我的代码出了什么问题吗？我知道可以使用React Router，但它对我要做的事情没有帮助。 import React from 'react';
class App extends React.Component {
constructor(props) {
super(props)
this.handleClick = this.handleClick.bind(this)
}
handleClick(e
浏览 14提问于2019-09-04得票数 1
回答已采纳
因此，我尝试在ES6标准上构建一些React组件，但是我的代码在获取服务器数据时中断了，我一直在获取Uncaught TypeError: Cannot read property 'map' of undefined。
import React from 'react';
class PropertiesList extends React.Component {
constructor(props){
super(props);
this.state = { data:[]}
}
loadPropertiesFromSe
浏览 3提问于2015-07-19得票数 0
回答已采纳
我正在处理一个React项目，在这个项目中，我试图访问一个对象中的一个键，该对象是一个使用索引的数组中的元素，但正在变得没有定义。
问题似乎是，我得到了一系列的对象作为道具和索引以及道具。当我试图使用道具中的索引访问数组中的对象的id或publicid时，我会得到错误。下面是我得到的简化版本。
为什么会发生这种情况，我如何解决这一问题？
console.log(this.props.images);
// [{id: 1, publicid: "1234" }, {id: 2, publicid: "5678"}]
console.log(this.props
浏览 0提问于2018-06-12得票数 2
回答已采纳
2回答
创建了一个要继承的基本React组件：
import { Component } from 'react';
class BaseComponent extends Component {
constructor(props) {
super(props);
}
_bindProps(...methods) {
return methods.map(method => this[method].bind(this))
}
}
export default BaseComponent;
和我的子组件：
c
浏览 1提问于2015-12-01得票数 0
我正在尝试创建一个使用和最新版本的react.js (目前为15.0.0)的Todo列表。
在名为TodoList的容器中，我试图将onTouchAction传递/分配给组件Todo，该组件接受对onTouchAction的引用，这将切换其完成状态。
在下面的代码中，toggleTodo(todoId)是一种将数据发送给还原器的操作方法，但是，当我试图获得对dispatch函数int的引用时--这是TodoList容器的道具，看起来this.props是根据控制台中的错误没有定义的--我得到了以下错误。尽管如此，我可以将this.props.dispatch打印为生命周期函数(如compone
浏览 3提问于2016-04-11得票数 1
回答已采纳
我正在使用React-Spring useTransition，但得到了错误： TypeError: Cannot read property 'text' of undefined import React, { useState } from 'react'
import { useSpring, useTransition, animated } from 'react-spring'
function MyApp() {
const [items, setItems] = useState([
{ id: 1, tex
浏览 19提问于2021-03-29得票数 0
回答已采纳
1回答
我有React组件FetchQoute，它应该从提供的URL获得响应，但它却显示了未定义的？
class FetchQuote extends Component {
constructor(props) {
super(props);
this.state = {
jokes: []
};
}
componentDidMount() {
console.log(res.value); //undefined
axios.get('https://api.icndb.com/jokes/random
浏览 2提问于2017-04-29得票数 0
回答已采纳
我遇到了一个问题，我尝试用gsap和react制作带有光标的动画，但我得到了一个错误"TypeError: Cannot read property 'page' of undefined"
如果有人能帮我，那就太好了。谢谢
class App extends React.Component {
constructor(props) {
super(props);
this.page = React.createRef();
this.cursor = React.createRef();
}
render() {
r
浏览 9提问于2019-10-30得票数 0
我是React的新手，我正在尝试制作一个将数组作为道具并将其转换为<option>s的Select组件。 组件： import React, { Component } from "react";
class Select extends Component {
render() {
return (
<select>
{this.props.items.map((item) => (
<option>{item}</option>
))}
浏览 34提问于2020-07-05得票数 0
回答已采纳
我试图获取数据，并使用ReactJs将其显示为动态选择/选项菜单，并将所选值发布到Laravel控制器，因此我无法将其存储。
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';
export default class Sm extends Component
{
constructor(props)
{
super(props);
this.s
浏览 3提问于2020-05-08得票数 1
回答已采纳
我安装了react query devtools，在尝试启动应用程序时遇到错误，代码和错误快照在上面，任何帮助，谢谢。`
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import { QueryClient, QueryClientProvider } from 'react-query';
import reportWebVitals from
浏览 5提问于2021-07-04得票数 0
这是我的测试用例
import React from 'react';
import { mount } from 'enzyme';
import CustomForm from '../index';
describe('Custom Form mount testing', () => {
let props;
let mountedCustomForm;
beforeEach(() => {
props = {
nav_module_id: 'null',
浏览 0提问于2018-10-29得票数 2
回答已采纳
很多人都在关注这篇文章 to a T，但仍然找不到它不工作的原因……
import React from "react"
import { graphql } from "gatsby"
export const query = graphql`
query($slug: String!, $tag: [String!]) {
contentfulBrunchPost(slug: { eq: $slug }, tag: { in: $tag }) {
title
slug
tag
}
}
`
con
浏览 5提问于2021-07-15得票数 0
我正在为一个项目作出贡献，这个项目是用电子反应( webpack)建立起来的。当使用Jest执行单元测试时，错误TypeError: Cannot read property 'on' of undefined会失败(如果不进行测试，则运行良好，例如。用电子跑)。
守则：
import React, { Component } from 'react';
import { ipcRenderer } from 'electron';
// some more imports
class Setup extends Component {
浏览 3提问于2017-10-23得票数 7
回答已采纳
2回答
组件正在以如下格式获取数据
demo.json
{
"id": "1",
"name": "john",
"addr": [
{
"addr1": "xyz",
"addr2": "abc",
"addr3": "st"
},
{
"addr1": "xyz",
"addr2":
浏览 4提问于2020-02-09得票数 0
我想在我的react代码中设置一个进度条：
class imageUpload extends Component {
constructor(props) {
super(props);
this.state = {
image: null,
url: '',
progress: 0
}
我在我的状态下有进步。
upload = (image) => {
ImageTools.resize(image, {
width: 320, // maximum width
h
浏览 0提问于2020-04-24得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
