为什么我会得到TypeError：_this.props.data不是一个函数
TypeError: _this.props.data不是一个函数是因为在代码中尝试将_this.props.data作为函数调用，但实际上它不是一个函数。
这个错误通常发生在React或其他前端框架中，当我们尝试在组件中使用props传递的数据时。在这种情况下，_this.props.data应该是一个变量或对象，而不是一个函数。
要解决这个问题，我们可以按照以下步骤进行排查：
- 检查组件的props定义：确保在组件的props定义中，_this.props.data被正确地声明为一个变量或对象，而不是一个函数。
- 检查组件的父组件：如果该组件是由其他组件传递的props数据，那么我们需要检查父组件中的代码，确保正确地传递了数据给该组件的props。
- 检查数据来源：如果数据是从后端API获取的，我们需要确保API返回的数据类型与组件中props的定义一致。可以使用浏览器的开发者工具或打印数据到控制台来检查数据的类型。
- 检查组件的使用方式：如果在组件中使用了_this.props.data作为函数调用，那么我们需要检查组件的使用方式，确保正确地传递了数据给该函数。
总结起来，TypeError: _this.props.data不是一个函数是由于在代码中错误地将_this.props.data作为函数调用引起的。我们需要仔细检查组件的props定义、父组件传递的数据、数据来源和组件的使用方式，以确保数据类型的正确性。
相关·内容
2回答
下面的代码用于从父组件使用道具传入的对象中返回带有键和值对的列表元素。为什么不动呢？
我收到一个错误: TypeError:无法读取未定义(…)的属性“props”错误是因为返回语句中的this.props.data调用。不通过道具传递数据并不是问题。我查看了react输出树，我的数据对象确实被传递给了子对象。
class Parent extends React.Component {
render(){
return (
<div>
{this.props.transactions.map(function(el,i) {
浏览 2提问于2016-11-22得票数 3
回答已采纳
为了便于阅读，我发布了很多代码。 TypeError: undefined is not an object (evaluating 'undefined.props')
<PortfolioAssets data={this.props.data} onClose={function(event){ closeCard(); handleSnackbarClick()}} /> 我从App.js向DashboardView组件传递了一个属性： import {
Dashboard as DashboardView,
} from './views&
浏览 5提问于2020-10-01得票数 0
在我的React Rails应用程序中，我搞不懂为什么不能将状态记录到componentWillMount中的控制台，而可以在componentDidMount中这样做。
下面是我的代码：
componentWillMount () {
this.setState({ records: this.props.data });
console.log(this.state.records); // throws TypeError: Cannot read property 'records' of null
}
componentDidMount () {
浏览 3提问于2016-05-24得票数 0
回答已采纳
我对react还很陌生(我正在将它整合到我的ruby on rails项目中)，下面是我制作的组件：
<div id="articles"></div>
<script type="text/jsx">
var Article=React.createClass({
render: function(){
return(
<div>
{this.props.data}.map(function(item){
浏览 0提问于2015-05-30得票数 0
如何将函数的返回值传递给function组件的属性？对于下面的示例，将引发一个未定义的TypeError: props.columns。
<ReactDataGrid
columns={this.props.data['head'] && this.props.data['head']['vars'].map(function(heading) {
return {key: heading, name: heading, editable : true}
浏览 4提问于2016-06-22得票数 1
我正在使用React和react-router和react-redux。当一个组件挂载时，我会分派从数据库中获取数据。我的父组件有这个
const TopComp = React.createClass({
componentWillMount(){
this.props.dispatch(getData(this.params.id))
},
render() {
<ChildComp data={this.props.data} />
}
})
function mapStateToProps(state){
return {data:stat
浏览 0提问于2016-03-24得票数 1
我有一个从父组件传递过来的名为data的数组对象，当我的子组件被调用时，我会检查道具是否在带有console.log(this.props.data)的componentWillMount中传递。我在控制台中看到了这一点(这是正确的)：
接下来，我设置了一个简单的FlatList来查看是否可以传递数据，但是我的屏幕仍然是空白的：
render() {
return (
<View>
<FlatList
data={this.props.data}
浏览 2提问于2018-04-25得票数 0
2回答
由于一些奇怪的原因，当调用将this分配给thisObj的函数时，我会得到一个错误：
TypeError: thisObj未定义
我要说的是：
function templateObject()
{
"use strict";
var thisObj = this;
function _loadBackgroundImages()
{
"use strict";
// something happens here
}
thisObj.initialise = fun
浏览 5提问于2013-07-29得票数 0
回答已采纳
对于使用componentDidMount和setState更新自定义组件来说，我还很新鲜，这似乎是推荐的方法。下面是一个示例(包括一个获取数据的axios API调用)：
import React from 'react';
import {MyComponent} from 'my_component';
import axios from 'axios';
export default class Example extends React.Component {
constructor(props) {
sup
浏览 0提问于2016-11-18得票数 14
回答已采纳
我试图在视图中使用is_authenticated()，但得到错误` `TypeError：'bool‘对象不可调用。为什么我会得到这个错误，我如何修复它？
@auth.before_app_request
def before_request():
if current_user.is_authenticated() \
and not current_user.confirmed \
and request.endpoint[:5] != 'auth.' \
and request.en
浏览 1提问于2015-10-07得票数 22
回答已采纳
1回答
我正在复习反应教程-
我在第11步“从服务器获取”中遇到了问题
这是我的.js文件-
var WGGroupList = React.createClass({
render: function() {
var wggroupNodes = this.state.data.map(function(wggroup) {
return (
<WGGroup name={wggroup.name} key={wggroup.id}>
{wggroup.description}
</WGGroup>
浏览 0提问于2015-12-19得票数 0
回答已采纳
我想暂停每一个测试。我创建了这个函数：
afterEach:function(browser){
browser.pause(2000);
},
但是当我运行测试时，我会得到错误：
TypeError: browser.pause不是一个函数
为什么？在测试中，browser.pause是函数。
浏览 2提问于2016-03-30得票数 4
回答已采纳
假设我们有一个带有两个子C1和C2的父组件的设置：
Example: container for C1 and C2, with a state called data
-C1: input, updates state in Example through handler passed as propdisplay, shows state from Example
-C2: display, shows state from Example
这里是在代码和中
class Example extends React.Component {
constructor (pr
浏览 4提问于2017-03-16得票数 0
回答已采纳
所以，我一直试图在reactjs中使用datatable，我想在列中放一个onclick，但得到了一个错误。 以下是我的代码： const $ = require('jquery')
$.DataTable = require('datatables.net')
class Rmsdatatable extends Component {
constructor(props) {
super(props)
this.handletableclick = this.handletableclick.bind(this)
浏览 7提问于2019-01-24得票数 0
1回答
我是nodejs的新手。我有以下文件和代码：
// file: myfunc.js
function myfunc() { return "myfunc()"; }
exports = myfunc;
和
// file: index.js
var mf = require("./myfunc");
var mfunc = mf();
console.log(mfunc);
当我从命令行运行node index.js时，我会得到错误
var mfunc = mf()
^
TypeError: Object is not a functio
浏览 3提问于2015-03-14得票数 1
回答已采纳
这是较大代码库中的一小部分。但我相信这是这个问题所需的唯一相关部分。
我有两个组件DataSeries和Sector。DataSeries组件由另一个父组件呈现。Sector组件由DataSeries组件呈现。我将一个函数作为属性从DataSeries传递给Sector。但是当我试图从Sector调用这个函数时，我得到了一个Uncaught TypeError: this.props.someFunc is not a function错误。我也不知道为什么。有什么帮助吗？
这是密码。
var Sector = React.createClass({
getInitialState: fu
浏览 0提问于2015-08-06得票数 2
回答已采纳
我得到了两个版本的Uncaught TypeError: Illegal invocation，试图写下一个EventListener：(当我应该添加侦听器时，而不是当我单击目标时，我得到了错误)
ronan.addEventListener("click", alert, false);
addEventListener.apply(ronan, ["click", alert, false]);
ronan是一个由控制台成功返回的div元素，所以我认为这不是问题所在。你知道为什么我会得到这个错误吗？我读了线程，但我不能从中找出它。
浏览 1提问于2011-08-27得票数 16
回答已采纳
因此，我试图在图号中添加上千个分隔符，这是用npm包字符制作的。接下来，我尝试实现的方式是：
const data = {
// A labels array that can contain any sort of values
labels: this.props.labels.toString().replace(/\B(?=(\d{3})+(?!\d))/g, "."),
// Our series array that contains series objects or in this case s
浏览 7提问于2020-10-08得票数 0
回答已采纳
为什么子状态数据更改更新父状态数据？
仅在子窗体完成后才更新父数据。
export default class StepOne extends React.Component{
constructor(props){
super(props)
this.state = {
data: this.props.data
}
this.handleChanges = this.handleChanges.bind(this);
}
handleChanges(e){
var
浏览 5提问于2017-10-03得票数 0
回答已采纳
我是一名JavaScript学习者，对承诺有一个问题。
当我使用Promise object的函数resolve时，我没有得到预期的错误。像这样：
var promise1 = Promise.resolve(3);
但是，当我使用以下声明时：
var promise2 = new Promise(function(resolve, reject) {
setTimeout(resolve, 1000, 'foo');
});
promise2.resolve(4)
这不是一回事吗？或者，如果promise2也是一个Promise类对象，为什么我会得到如下错误：
Typ
浏览 5提问于2019-03-27得票数 2
我有一个React组件，它接收数据，通过它进行映射，并打印出包含通过的对象中的数据的引导卡。但是，我有一个问题，就是返回的数据不允许我调用.map (报告一个错误TypeError: this.props.data.map is not a function)，甚至我认为当我调用数据时，它似乎是一个数组。
我的代码如下所示，正如console.log中显示的数据一样。我读过其他关于SO的问题，一般的答案似乎是，这些数据不是数组，而是我的数组。
我尝试过将数据转换为数组const data = Array.from(this.props.data);，然后再转换为<CardDeck>
浏览 4提问于2020-10-07得票数 0
2回答
我正在跟踪，以“检测”数组对象中是否存在唯一的数字。这个数字是一个字符串。
我习惯于Rails中的detect，所以我寻找对应的React (JavaScript)：
ES6:
...
// this will be "data" in "this.props.data"
data = [
{
id: 1,
order_id: "44",
name: "Some order number name",
},
{
id: 2,
order_id: "65",
.
浏览 3提问于2016-09-09得票数 8
1回答
假设我有这样的代码：
class ClassStyleA(object):
def FunctionA(self):
print "This is Style A."
class ClassStyleB(object):
def FunctionA(self):
print "This is Style B."
class InstanceStyleA(ClassStyleA):
def FunctionB(self):
print "This is also Style A.&
浏览 0提问于2013-04-20得票数 0
回答已采纳
我想要做的是，将输入字段值存储到状态，然后，如果用户单击“保存”按钮或“存储”按钮，则输入字段将消失，因此编辑将出错。我试图在用户单击“保存”按钮时检查状态长度。问题就在这里。据说是这个错误：Uncaught TypeError: Cannot read property 'state' of null，但是我已经在editData状态下存储了数据，为什么你能告诉我呢？
这里是用来更好地理解的代码
class EditData extends Component {
constructor(props) {
super(props);
t
浏览 2提问于2017-06-04得票数 0
回答已采纳
我编写以下脚本只是为了看看当一个变量和一个分配了函数的函数的名称冲突时会发生什么：
var f = function() {
console.log("Me original.");
}
function f() {
console.log("Me duplicate.");
}
f();
我得到的输出是“我的原创”。为什么另一个函数没有被调用？
此外，如果我将原始任务更改为var f = new function() {，我会得到"Me original"，后跟一个TypeError，显示为object is not a f
浏览 33提问于2014-05-27得票数 97
回答已采纳
componentDidMount(){
this.createBarChart()
window.setInterval(()=>{
this.props.data.push(Math.random()*500)
this.createBarChart()
this.props.data.shift()
},500)
}
createBarChart(){
const delay = transition().duration(500)
const node = this.svgNode.curr
浏览 1提问于2018-08-26得票数 1
回答已采纳
4回答
在下面的代码中，当我控制台calculateTips()的值时，我会得到以下错误
未定义的TypeError:无法设置未定义的属性'0‘
let tipCal = {
bills: [124, 48, 268, 180, 42],
calculateTips: function() {
this.tips = [];
this.finalValue = [];
(this.bills).forEach(function(item, index) {
if (item < 50) {
this.tips[index
浏览 1提问于2019-12-16得票数 0
回答已采纳
13回答
File "C:\Users\Administrator\Documents\Mibot\oops\blinkserv.py", line 82, in __init__
self.serv = socket(AF_INET,SOCK_STREAM)
TypeError: 'module' object is not callable
为什么我会得到这个错误？我很困惑。
你需要知道什么才能回答我的问题？
浏览 0提问于2010-12-26得票数 681
我正在更新前一个开发人员的代码，我不知道为什么我不能这样做，因为代码返回了这个错误： Uncaught (in promise) TypeError: failedCallback is not a function 这是我正在使用的函数： export default {
get(callback, failedCallback) {
axios.get(`/admin/shops`)
.then(response => callback(response.data))
.catch(errors => failedCallbac
浏览 34提问于2020-01-23得票数 0
3回答
我试图在map函数中触发一个onClick事件，并得到以下错误：
TypeError:无法读取未定义的属性“handleClick”
如何在映射函数中触发onClick事件？
这是我的代码：
class Component extends React.Component {
constructor(props) {
super(props);
this.state = {
isToggleOn: true,
};
this.handleClick = this.handleClick.bind(th
浏览 1提问于2018-06-21得票数 8
回答已采纳
4回答
我试图用从axios调用返回的信息更新状态。我说TypeError: Cannot read property 'setState' of undefined时出错了。在我看来，从API响应来看，this是不可用的。
submitData= () => {
axios.post("url", this.props.data)
.then(function (result) {
console.log(result,'success');
this.setStat
浏览 0提问于2019-03-31得票数 0
回答已采纳
我得到了这个错误，它起源于jquery框架。当我试图在文档中加载一个选择列表时，我会得到这个错误。我似乎找不出我为什么会犯这个错误。
它适用于变更事件，但当我尝试手动执行函数时，我会得到错误。
未定义的TypeError:无法读取未定义的-> jquery-2.1.1.js:7300的属性'toLowerCase‘
这是代码
$(document).ready(function() {
$("#CourseSelect").change(loadTeachers);
loadTeachers();
});
function loadTea
浏览 1提问于2014-05-18得票数 75
回答已采纳
2回答
计算数组的模式值
、、、
用于返回数组的模式值的函数可以在除一个测试之外的每个测试上工作。当我通过函数传递下面的数组时，我会得到一个TypeError。我发现这与传递数组中的数字0有关，但我不知道为什么，也不知道如何解决这个问题。这就是我的模式函数和typeerror函数的样子。
function mode (arr) {
throwErrors(arr)
const numberOccurence = {}
const mostOccurent = []
for (const numberValues of arr) {
if (numberOccurence[numberValues]
浏览 0提问于2020-10-01得票数 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
回答已采纳
我是Python新手，我试图理解为什么我们在len()函数中使用方括号：
def counts(txt):
return len([letter for letter in txt.lower() if letter in "aeiou"])
如果去掉方括号，我会得到
TypeError:类型为“生成器”的对象没有len()
但我不明白那是什么意思。
浏览 6提问于2022-01-27得票数 0
2回答
在dojo中调用函数时，我会得到这个错误：
TypeError: this.loadNameAndDescpFromLookup不是一个函数
但我不知道为什么?：这是我的密码
readBarcodeFromMobile: function(){
stompClient.subscribe('/topic/messages', function(event) {
registry.byId('PId').set("value", event.body);
this.loadNa
浏览 0提问于2018-09-25得票数 1
回答已采纳
1回答
为什么这段代码可以正常工作：
schema.statics.findByName = function (name) {
return this.findOne({ username: name });
};
但当我试着这个
schema.statics.findByName = (name) => {
return this.findOne({ username: name });
};
当调用TypeError: this.findOne is not a function时，我会得到User.findByName(username)错误
浏览 2提问于2020-05-02得票数 0
回答已采纳
1回答
我正在尝试将props中的数据更新到d3，但问题是每当我调用d3函数时，计算机都会生成一个新的图表。有没有一种方法可以在创建新图表之前删除以前的图表？或者如何在不创建新图表的情况下将数据从props更新到startD3函数？提前感谢
class WiningRate extends React.Component {
componentDidMount = () => {
this.startD3(this.props.data);
};
componentWillReceiveProps = () => {
this.s
浏览 4提问于2018-08-19得票数 0
为什么我会得到这个错误：
Uncaught TypeError: Symbol.prototype [ @@toPrimitive ] requires that 'this' be a Symbol
当我运行这个代码的时候？
3 == Symbol.prototype
我仍然在试图找出为什么我自己，到目前为止使用一个try-catch块来控制它一段时间，但我想要一个错误的原因。
浏览 1提问于2018-05-28得票数 6
回答已采纳
,debouncedAjax: _.debounce(_.bind(myFunction, this), 2000)
,request: function(requestParams, response){
this.debouncedAjax(requestParams, response);
}
当我可以要求的时候，我会得到这个
未定义的TypeError:不能调用未定义(匿名函数)的方法“应用”
如果我像这样在debouncedAjax属性上设置了这个set函数的结果
,initialize: function() {
浏览 1提问于2012-05-10得票数 1
回答已采纳
我的componentDidMount中有以下自动运行函数：
componentDidMount() {
this.autoUpdate = autorun(() => {
this.setState({
rows: generateRows(this.props.data)
})
})
}
问题是，当组件没有挂载时，另一个组件会更改this.props.data --为此，我在未挂载的组件上得到.setState警告。
因此，一旦组件卸载，我想删除自动运行。
我试着做
浏览 2提问于2017-04-25得票数 5
回答已采纳
3回答
为什么这总是返回一个未定义的？
searchCustomer = id =>{
customers = [...this.props.data];
customers.forEach(customer=>){if(customer.id === id){return customer}};
}
customerDetails = e =>{
const customer = this.searchCustomer(id);
console.log(customer);
}
控制台日志始终未定义。如果在对象返回之前对其进行日志记录，它将显示正确的对象，但在customerD
浏览 0提问于2019-02-14得票数 0
回答已采纳
我得到了一些奇怪的行为。下面的this.props.data是我的Redux存储中的一个数组，当发生此错误时，我可以看到它不是未定义的或空的。
当我拿出下面的this.props.data.length > 5时，一切都很好。但是一旦我把它添加进去，我的项目就会抛出错误this.props.data.maps is not a function。
{
((this.props.data) !== undefined) ? (
((this.props.data).length > 0) ? (
浏览 0提问于2017-04-17得票数 0
2回答
使用StackOverflow上的信息，我尝试通过道具将父函数传递给子组件；但是，在这样做时，我经常会遇到错误。为了简化，下面是我的父函数：
class App extends Component {
constructor(props) {
super(props)
this.state = {
dailyPreloadMetrics: null,
queryResults: [0,0],
}
this.handleChange = this.handleChange.bind(this);
this.handleSubm
浏览 4提问于2020-02-08得票数 0
回答已采纳
下面是一个关于如何使用require.js和backbone.js的示例。在本例中，模型返回时不使用new。在我的代码中，我必须使用new，否则我会得到一个错误：
Uncaught TypeError: Object function (){a.apply(this,arguments)} has no method 'toJSON'
不管用：
define([
'underscore',
'backbone'
], function(_, Backbone) {
var personModel = Backbone.Model.ex
浏览 5提问于2012-03-20得票数 4
回答已采纳
我正在使用作为plt导入的matplotlib.pyplot模块进行绘图。
在plt.plot()语句中，如果我将参数作为"x= array1，"y= array2“传递，我会得到"TypeError: plot get an unexpected argument 'x‘”。
如果我简单地传递"array1和array2"，而没有显式地说明它们对应于x和y轴，代码就可以正确执行。
为什么会这样呢？
浏览 19提问于2020-02-28得票数 4
回答已采纳
我正在尝试从一个字符串反序列化一个哈希：
names = '{foo:"bar"}'
@names_hash = Marshal.load(names)
但是我得到了一个TypeError：
TypeError: incompatible marshal file format (can't be read)
format version 4.8 required; 123.111 given
根据文档，Marshal.load应该接受一个字符串。为什么我会得到这个错误？
浏览 0提问于2011-07-08得票数 1
回答已采纳
由于未知的原因，当使用ajax验证form元素时，我会得到以下错误：
TypeError：$.emit不是一个函数
){var b=this，c=[];this._refreshFields()，$.emit(“欧芹:形式:验证”，this)；for.
在parsley.remote.min.js中。有人知道为什么吗？我按这个顺序加载脚本(在<head>中)
<script src="js/jquery-1.11.0.js"></script>
<script src="js/parsley.remote.min.js&
浏览 2提问于2014-08-21得票数 1
我从redux thunk获得数据并将其连接到我的父组件
function mapStateToProps (state) {
return {
data: state.myarticles.data
}
}
export default connect(mapStateToProps, actions)(MyArticlesView)
在相同的组件中，我有
{this.props.data && this.props.data.results &&
this.props.data.results.map(this.renderArticles)
浏览 4提问于2016-12-29得票数 0
1回答
我在React组件中遇到了泛型道具的流类型错误。
道具是泛型的，具有一个具有泛型类型数组的属性。然后，在使用数组数据的组件的方法中，我遇到错误，类型不兼容。
为什么类方法inner()参数data: T[]与Props<T>.data不兼容，而T是相同的类型？
我的React组件类型是class MyComponent<T> extends React.Component<Props<T>>
问题的简化版本没有反应：
/* @flow */
type Props<ItemType> = {
data: ItemType[],
浏览 0提问于2018-03-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
