React无法读取未定义的setState
export class UserDetails extends Component {
constructor(props) {
super(props);
this.state = {
users: [
{
id: 1,
name: "aditya"
}
]
};
}
componentDidMount() {
this.jsonList();
}
jsonList() {
axios('https://api.myjson.com/bins/1fwkrw').then(function(response) {
this.setState((prevState) => {
{users: users.push(response.data.userdata)};
});
})
}
render() {
return (
<div className="users">
{this.state.users.map(user => {
return (
<div>
<div key={user.id}>{user.name}</div>
</div>
)
})}
</div>
);
}
}
共有1个答案
或者将jsonList更改为箭头函数：
jsonList = () => {
axios('https://api.myjson.com/bins/1fwkrw').then(function(response) {
this.setState((prevState) => {
{users: users.push(response.data.userdata)};
});
})
}
或者在构造器内部绑定方法：
constructor(props) {
super(props);
this.state = {
users: [
{
id: 1,
name: "aditya"
}
]
};
this.jsonList = this.jsonList.bind(this);
}
您编写jsonList的方式没有正确绑定，因此-不能使用this.setstate，因为this是未定义的。
-
请注意，我在react ProductScreen.js中呈现动态数据时有问题 注意，...数据在product.js中呈现得很好，但相同的数据在productscreen.js中不会呈现，因为productscreen.js链接是通过“id”呈现的。 谢谢app.js 导入“./homescreen.css”；从'../Components/Product'导入产品从'React'导入{useE
-
通常，当我单击子组件中的菜单项时，它会调用{this.handlesort}，这是一个本地函数。句柄排序从父组件接收onReorder道具。{onReorder}调用名为reOrder的本地函数。它设置{orderBy and orderDir}的状态。问题是，当我单击{menuitem}时，它立即返回此错误。（未捕获的TypeError:无法读取未定义的属性“onReOrder”）。通常，当我不
-
问题内容： 我是新来的反应和反应路由器。 react的问题在于，在我的应用程序的某些页面上，react-router正在运行，并且出现一些类似的错误：“无法读取未定义的属性’push’”。 我正在使用反应0.14.1 我的路由代码如下所示： 我的组件现在是这样的： 谁能帮我这个？谢谢。 问题答案： 您的应用程序中没有提供支持的Router实例。 我假设您要导入withRouter以获取Router
-
问题内容： 我是一个非常新的反应者，我正在尝试从Rails api导入数据，但出现错误 如果我使用react dev工具，则可以在控制台中看到状态，也可以看到联系人，方法是使用有人可以帮忙解决我做错的事情吗？我的组件看起来像这样： 问题答案： 无法读取未定义的属性“ map”，为什么？ 因为最初是，并且of 将是 不确定的 。重要的一点是， componentDidMount 将在初始渲染后被调用
-
出于某种原因，我得到了错误“react-nable read属性'set state'的undefined”。因此，this.state永远不会用用户输入的值更新。当我尝试注释掉的绑定时，我会出现奇怪的行为，无法输入用户名，也不再得到null错误，但值只是未定义。如有任何帮助，不胜感激。谢了。