this.props 不是父组件和子组件之间的函数
用户9157191
设置一个简单的帖子组件后，能够从帖子中获取评论会很酷。
import React, { Component } from "react";
import axios from "axios";
import Comments from "../components/comments";
class Post extends Component {
constructor(props) {
super(props);
this.state = {
comments: [],
};
}
componentDidMount() {
this.getComments();
}
getComments() {
return axios
.get("/posts/" + this.props.match.params.id + "/comments")
.then(result => this.setState({ comments: result.data.comments }))
.catch(error =>
this.setState({
error
})
);
}
render() {
return (
<div>
<h2>Comments</h2>
<Comments />
</div>
);
}
}
export default Post;
所以之后，放置一个评论组件，让日志中的帖子评论开始显示
类型错误：this.props.getComments 不是函数
那么，是不是可以从函数中传递 props 呢？有人知道为什么会发生这个问题吗？
评论部分
import Comment from "./comment";
import axios from "axios";
import Post from "../screens/posts";
class Comments extends Component {
constructor(props) {
super(props);
this.state = {
comments: [],
error: ""
};
this.load = this.load.bind(this);
}
componentDidMount() {
this.load();
}
load() {
return this.props.getComments().then(comments => {
this.setState({ comments });
return comments;
});
}
render() {
return (
<div>
{this.state.comments.map(comment => (
<Comment key={comment.id} comment={comment} />
))}
</div>
);
}
}
export default Comments;
奥兹沃尔什
您没有将该函数作为道具传递给 Comments。
您必须像这样将函数作为道具传递：
<Comments getComments={this.getComments} />
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
ReactJS：子组件调用父组件时，“ this.props”不是函数
- 2
无法在reactjs的子组件中的getInitialState和ComponentDidMount中读取props数据对象
- 3
将函数传递给子组件this.props.children方法未定义
- 4
this.props.data不是函数
- 5
在React子组件上使用props更新状态
- 6
在子组件和父组件之间进行事件处理
- 7
在VueJS中将子组件中的文本字段链接到父组件的props
- 8
如何使用钩子和props将具有构造函数和props的组件转换为功能组件
- 9
this.props.xxxx不是函数
- 10
未捕获的TypeError：_this.props.data.map不是一个函数，映射错误以渲染组件
- 11
组件异常：undefined不是对象（评估“ props.textInputId”）
- 12
无法在reactjs的子组件中的getInitialState和ComponentDidMount中读取props数据对象
- 13
将函数传递给子组件this.props.children方法未定义
- 14
ReactJS组件函数调用此函数，props未定义
- 15
在不相关的组件之间传递 props-react
- 16
this.props.action 不是函数
- 17
this.props.dispatch 不是 react js 组件文件中的函数
- 18
当父组件以 null 开始时，子组件的 props 不会更新
- 19
React 子组件 props : _this2.props.delete 不是函数
- 20
当子组件尝试调用传递的函数时，在 React 中出现 typeError 说 this.props 不是函数
- 21
组件的 props 在子组件中调用时返回 null
- 22
当 props 改变时，Vue 子组件没有重新渲染？
- 23
将 props 从父组件发送到子组件并在子组件中更新它们 (ReactJs)
- 24
父组件状态发生变化时向子组件发送props，子组件的状态始终落后
- 25
使用 AngularJS 组件 props
- 26
组件对mounted() 和props 响应子组件发出GET 请求。如果我输入直接进入子组件的 URL 会发生什么？
- 27
从组件到组件传递 props | 反应
- 28
反应。访问根组件的 props
- 29
使用 props 将子组件数据传递给父组件
我来说两句