作为路由属性传递的函数- TypeError: this.props.handleOnDeleteInApp不是函数
作为路由属性传递的函数是指在React应用中，通过路由配置传递函数作为属性给组件使用的方式。当在路由配置中定义某个组件的路由时，可以将函数作为属性传递给该组件，以便在组件中使用该函数进行特定的操作。
在给定的问题中，错误提示TypeError: this.props.handleOnDeleteInApp is not a function表示handleOnDeleteInApp属性不是一个函数类型，可能是由于函数的引用出错或者传递的值不是一个函数。这种错误常见于使用路由属性传递函数时，函数引用错误或传递了错误类型的值。
要解决这个错误，可以按照以下步骤进行检查和修复：
- 确认函数的引用正确：检查代码中是否正确定义了
handleOnDeleteInApp函数，并确认其引用没有错误。可以通过在函数定义的地方打印日志来确认函数是否被正确调用和执行。 - 确认函数作为属性传递：检查组件的路由配置，确认
handleOnDeleteInApp函数被正确传递给了该组件。可以通过在组件中打印this.props.handleOnDeleteInApp来确认函数是否被正确传递。 - 确认传递的值为函数类型：确保
handleOnDeleteInApp属性传递的值是一个函数类型。可以通过在传递函数的地方打印日志来确认传递的值是否为函数。
如果以上步骤都没有解决问题，可以考虑以下可能原因：
- 函数的引用错误：检查是否有其他地方修改了
handleOnDeleteInApp函数的引用，导致传递的函数引用错误。 - 函数被覆盖：检查是否有其他地方给
handleOnDeleteInApp属性赋值了其他类型的值，导致原本的函数被覆盖。 - 组件之间的传递错误：检查是否有其他组件也接收了
handleOnDeleteInApp属性，可能在组件传递链路上发生了错误。
希望以上解答能够帮助您解决问题。如果需要更具体的帮助，请提供更多代码和上下文信息。
相关·内容
你好，我正在学习反应js，我遇到了一个问题。当我试图使用react路由器返回到主页时，我会得到以下错误：
未定义TypeError:无法读取未定义属性的“推送”
下面是我的代码，正如您所看到的，我正在调用导航函数：
我的带有路由器的client.js：
如果我将this.props.router.push('/');替换为this.props.history.push('/');，它就能正常工作。有什么问题吗？
浏览 5提问于2016-05-06得票数 12
回答已采纳
我在搜索时尝试导航到另一个组件，我需要获取一个数组或firesearch函数的结果，并在函数被触发时将它们发送到主应用程序组件。
我试图推送历史，但我没有得到我需要的道具，我试图使用路由器，但我得到的推送是未定义的
更新:在路由中发送时，repos组件似乎没有从addform组件收到repos列表，位置未定义我得到错误×TypeError:无法读取未定义的属性'state‘
对此有什么帮助吗？
下面是子组件(addform)：
state = {
username: null,
repos: []
}
construct
浏览 0提问于2020-06-03得票数 0
<TabPanel>
<Dietracker dataFromParent={date} />
<Link to="/cdiet">
<button onClick={this.closeTabBox}>edit</button>
</Link>
</TabPanel>
当单击编辑按钮时，我正在尝试将dataFromParent={date}传递给navigator.js中的<CDietOverview />，但没有更改路径
<Route path="
浏览 5提问于2021-09-24得票数 1
3回答
我正试图通过创建一个ProtectedRoute组件来创建一个条件路由，正如选择的答案所描述的那样。
条件来自传递到ProtectedRoute组件的道具。请看下面的组件和路由代码。
import React, {Component} from "react";
import { Route } from 'react-router-dom';
import { Redirect } from 'react-router';
class ProtectedRoute extends Component {
render() {
浏览 0提问于2018-10-17得票数 0
回答已采纳
1回答
我想在输入的onChange方法中将一些文本推送到url路由，如下所示：
function Header(props) {
return (
<div>
<input type="radio" onChange={ (e)=> props.history.push(`/${e.target.value}`) } >
</div>
)
但它会引发多个错误和崩溃：
TypeError: Cannot read property 'push' of undefined
如何正确地使用history.push
浏览 0提问于2020-08-21得票数 2
回答已采纳
在我的快速应用程序中，我有从req.body的客户端获得蛋糕价格的路由。
app.post("/data", (req, res) => {
let price = req.body[0].price * 1000;
console.log(`Cake price is: £${price}`);
});
这很好，并将价格记录在控制台中。
我有另一条路线，我想把这个可变的价格从req.body传递给Stripe并向客户收费。
app.post("/create-checkout-session", async (
浏览 5提问于2021-10-23得票数 2
回答已采纳
作为标题。在ActionSchema下有一个对象属性vote。我想访问vote.type，但path('vote.type')不起作用。
ActionSchema = new Schema({
vote: {
type: String
}
});
// TypeError: Cannot call method 'enum' of undefined
ActionSchema.path('vote.type').enum(['upvote', 'downvote']);
浏览 2提问于2013-07-04得票数 0
1回答
我正在通过跟踪来学习流星。
这是我的git
我得到了一个错误：
未定义TypeError:无法读取未定义的属性“通道”
Uncaught : Function.prototype.apply:参数列表类型错误
Meteor.startup(function(){
Session.set('channel',this.params.channel);
});
请帮助我理解这个错误。
谢谢
浏览 2提问于2015-10-03得票数 0
我想测试我的item组件，但它包含了isLoading()函数。我在组件中调用此函数以在父(容器)中设置状态。当我试图挂载它时，jest抛出错误TypeError: this.props.isLoading不是一个函数。
//Container.js
import React, { Component } from 'react';
import Item from './Item';
import React, { Component } from 'react';
import Item from './Item';
cla
浏览 0提问于2018-05-10得票数 0
我买了一个关于Udemy的反应本土化课程，教React的人使用了{...this.props}。但这对我没用。这是错误消息。
TypeError:未定义不是对象(计算'_this.props')
我该怎么办？
LoginForm.js
import React from 'react';
import { StyleSheet, ScrollView, View, Text, Image } from 'react-native';
import Input from '../components/Input';
const
浏览 6提问于2020-03-04得票数 1
回答已采纳
我试图在firebase中将一个竞赛条目添加到我的竞赛数据库中，但是我得到了错误：
TypeError:未定义不是对象(计算'route.params.id')
这是我的密码：
const AddEntry = ({route, navigation}) => {
const id = route.params.id
const [title, onChangeTitle] = React.useState('')
const [image, setImage] = React.useState("/")
const
浏览 3提问于2022-06-13得票数 1
回答已采纳
2回答
我正在创建一个使用React的网站，允许用户点击一个品牌并在Instagram上刮取图片。在登陆页/landing上，用户可以选择一个品牌，并将此品牌名称传递给Instagram scraper页面。
this.props.history.push({
pathname: '/instagramScraper',
params: {
brandName: this.state.brand_name
}
});
instagram scraper页面使用以下代码获取brandName：
this.state.br
浏览 0提问于2018-03-06得票数 1
回答已采纳
1回答
我已经在AngularJS中创建了一个动态路由，它允许通过一个PHP文件处理所有路由。我这样做的原因是，我不喜欢导航到原始templateUrl并看到未设置样式的部分页面的方式。
在我学习Angular之前，我有Ajax请求POST到PHP文件，但我似乎不能用Angular做到这一点。我已经做好了，所以请求会传给/router.php?page=XX。但即便如此，这个URL现在也必须接受GET请求。
我能不能通过POST请求加载templateUrl？
浏览 4提问于2015-10-04得票数 0
2回答
我花了一整天的时间试图找出是什么让这个例子失败了：
Vue.use(VueRouter);
var PlayerDetail = {
template: '<div>FOO</div>'
};
var PlayerList = {
template: '<div>BAR</div>'
};
var routes = [{
path: '/player',
component: PlayerList
}, {
path: '/detail',
co
浏览 3提问于2017-05-19得票数 2
回答已采纳
我正在尝试做以下几件事：
import sys; sys.path.append('/var/www/python/includes')
import functionname
x = 'testarg'
fn = "functionname"
func = getattr(fn, fn)
func (x)
但是我得到了一个错误：
"TypeError: getattr(): attribute name must be string"
我在调用getattr之前已经尝试过了，但它仍然不起作用：
str(fn)
我不明白为什么会
浏览 0提问于2010-08-19得票数 0
4回答
响应路由器返回空对象
、、、
我使用的是react路由器dom v6。如果我写这样的路线：
<Routes>
<Route path='/posts' element={<Posts/>}/>
<Route path='/posts/:id' element={<PostDetails/>}/>
<Route path='/about' element={<About/>}/>
&l
浏览 17提问于2022-10-23得票数 1
1回答
我想访问redux存储数组中的图像文件名，以便在FlatList中显示，但我不知道如何访问所有的文件名数组值。
这是我最初的状态
var InitialState = Record({
query : null,
searchResults: new (Record({
total: null,
lastPage: null,
items : [],
perPage : null,
currentPage : null,
nextPageUrl: null,
prev
浏览 0提问于2018-10-28得票数 0
回答已采纳
我正在开发一个Node.js Express & MongoDB web应用程序。
实际上，我正在尝试使用MVC功能。但是，在我的代码中添加了更新功能到模型之后，出现了一个问题。
实际上，当我试图更新一个帖子时，我的应用程序会崩溃，并得到以下错误消息：
TypeError: C:\Users\DELL\Desktop\node-com4muz-database-mvc\views\admin\posts-list.ejs:19
17| <ol id="posts-list">
18| <% for (cons
浏览 6提问于2022-11-19得票数 1
回答已采纳
1回答
我想使用两个单独的可调用函数在DataFrame中进行查找(一个由用户提供，另一个由参数提供)。也可以接受:通过一个Callable和另一个使用显式语法的筛选器进行索引。
这个是可能的吗？我猜这可以用groupby来完成，但这看起来有点麻烦。
最小代码示例：
import pandas as pd # Version: 0.23.4, Python 2.7
df = pd.DataFrame({'C1': [1, 2,1], 'C2': [3, 4, 10]})
# This works
filter = lambda adf: adf['C1&#
浏览 1提问于2018-11-28得票数 3
2回答
我正在尝试在我的项目中使用react路由器-dom v6.4+。我将其实现为对象的路由数组。它起着路由的作用，但突然间，我发现了另一个问题。我不能调用位于路由数组中element属性的组件内部的任何钩子。
在route.ts文件中：
import MainLayout from './container/layouts/mainLayout/MainLayout'
import ErrorPage from './view/Error'
import Home from './view/Home'
const routes: RouteObje
浏览 12提问于2022-11-29得票数 1
2回答
在检查代码并使代码更加模块化和健壮时，正如任何程序员应该做的那样，我注意到我多次使用类似的按钮组件。因此，我决定创建一个按钮组件，并将其呈现为新的路由链接和文本，如呈现的页面中所示。
我对有相当丰富的编程背景的反应(大约5天的学习时间)是完全陌生的。
简单组件按钮，我使用react路由-dom:链接支持路由到新页面.
function ActionButton () {
return (
<div className="Action">
<button className="ActionButton
浏览 0提问于2018-05-01得票数 0
回答已采纳
我试图通过如下函数将事件添加到元素中
function addevent(elements,event_n,function_n,param_trs)
{
var i = elements.length;
while (i--){
function_name=function_n+"(this.getAttribute('"+param_trs+"'))";
//function_name=function_n ;
elements[i
浏览 1提问于2016-05-24得票数 0
回答已采纳
2回答
我正在使用安装了vue-router的Vue-cli，在我的App.vue中，我有一个<router-link to="/about" >About</router-link>，它将在点击时显示关于组件的内容。现在，我想将props数据从 App.vue传递到About.vue组件。在<router-link to="/about" :myprops="myprops">About</router-link>中添加:myprops="myprops“不起作用，这就是为什么我在App.vue
浏览 0提问于2018-07-09得票数 3
回答已采纳
2回答
我正在用纯javascript类在节点中开发一个简单的API。我在一个文件中声明我的所有路由，然后为控制器逻辑声明另一个路由。
routes.js
const express = require('express');
const router = express.Router();
const MyController = require('../controllers/my.controller');
const myController = new MyController();
router.post('/', myControll
浏览 2提问于2020-07-04得票数 1
回答已采纳
我在试着了解你们是如何使用回调的，以及为什么我一直
TypeError: callback is not a function
好，这是我的路由器：
// getPriceRouter.js
router.post('/getPrice', function(req, res) {
priceController.getPrice(req, res);
}
这是我的控制器：
// getPriceController.js
exports.getPrice = function(req, callback) {
callback( { error:fals
浏览 0提问于2017-06-01得票数 0
回答已采纳
1回答
我试图以一种不同的方式构造我的NodeJS API，但是当我试图导入我的路由时，我得到了以下错误：
/Users/pato/Documents/nodejs-bp-api/node_modules/express/lib/router/index.js:139调试(‘ %s %s'，req.method，req.url)；^
TypeError:无法读取未定义属性的“方法”
express.js文件
.
.
app.use(cors());
app.use(config.api.prefix, apiRoutes());
API路由/index.js
const todo = req
浏览 2提问于2019-09-23得票数 0
回答已采纳
我有一个类别的列表，我想显示在页面上。我已经找了好几个小时来寻找正确的方法，但是我不断地发现冲突的信息和方法，这些信息和方法要么不再与当前版本的Ember一起工作，要么就被废弃了。
要创建应用程序和Ember-Data的东西：
var App = Ember.Application.create();
App.ApplicationAdapter = DS.FixtureAdapter;
App.Store = DS.Store.extend({
adapter: 'DS.FixtureAdapter'
});
我正在使用Ember数据和一些类别的夹具数据：
App.Ca
浏览 5提问于2014-04-21得票数 0
回答已采纳
2回答
我正在使用VueJS，我希望将数据推送到服务器，然后更改路由。
我试过这个：
saveSupportArea: function () {
this.toast("success");
var that = this;
setTimeout(function(that){
that.$router.push('/areas/');
}, 3000);
});
但是我发现了一个错误：
未定义的TypeError:无法读取未定义的属性“$router”
有人能帮忙吗？
浏览 6提问于2017-04-28得票数 4
回答已采纳
我的职能如下：
def is_complete(grph):
if not isinstance(grph,graph):
raise TypeError
...
以及它的下列测试用例：
def test_is_complete_q4(self):
g1 = [1]
self.assertRaises(TypeError, is_complete(g1))
我得到以下错误:错误跟踪(最近一次调用)：
File "/Users/.../test_graph_functions.py", line 3
浏览 4提问于2016-09-23得票数 0
回答已采纳
2回答
我已经定义了我的路线，我的链接工作正常。当路由器调用组件时，我希望通过链接传递一个道具。我甚至不知道这是否可能。
为了更好地理解，请查看代码：// I WANT TO PASS THE CURRENT PROJECT AS A PROP HERE和//I WANT TO GET THE PASSED PROP IN THE LINK HERE
我在react中的功能组件：
const ProjectList = () => {
....//not meaningful code. I get my data from a call to a database so its not pas
浏览 19提问于2021-02-22得票数 0
回答已采纳
1回答
我正在尝试重构我的代码，在这样做的过程中，我提取了一个项目，并将其放入它自己的组件中。这个MemberItem组件有多个影响其呈现的函数状态，但是，当我开始传递道具时，该组件就会断开。我正在传递子组件所需的所有函数、属性和状态，但我仍然无法使其正确呈现。 // Members.js (Parent Component)
export const Members = () => {
// BELOW ARE THE FUNCTIONS AND STATE THAT INFLUENCE THE CHILD COMPONENT
const [memberName, setMembe
浏览 39提问于2021-09-19得票数 0
回答已采纳
1回答
为了了解它是如何工作的，我遵循了一个非常基本的反应教程。所以如果我错过了一些明显的事情就原谅我。本教程的一部分内容是设置gulp来处理sass文件。因此，我设置了我的gulp文件，设置了我的依赖项，并试图保存我的scss文件，不幸的是，我得到了一个TypeError错误，并花费了大约一个小时试图克服它，但没有找到任何具体的。
我遇到了口香糖的问题。我已经一行行，并确保这是导致TypeError问题的那一行。gulpfile.js
'use strict';
var gulp = require('gulp');
var sass = require('
浏览 2提问于2018-08-15得票数 0
回答已采纳
我将app.js作为父对象，将uploadlist.js作为子对象。我正在向uploadlist.js传递在app.js中定义的"userid“。这是我的尝试：
app.js：
export default class App extends Component {
state = {
userrole : '',
custid : ''
};
componentDidMount() {
if(localStorage.login)
{
const currentuser = JSON.par
浏览 3提问于2021-06-07得票数 0
这是我的班级：
class Clock {
// Runs callback while it continues
// to returns truthy values
constructor(callback, delay) {
this.callback = callback;
this.delay = delay;
this.timerId = null;
}
start() {
this.timerId = setTimeout(() => {
if (this.callback.call()) this.s
浏览 2提问于2016-01-15得票数 1
回答已采纳
1回答
我有一个AdminNav组件，它有一组NavLink元素，所以如果它们是活动的，我可以对它们进行样式设置。
还可以手动打开/关闭部分，以减少混乱。
我想做的是在nav中有很多节，如果它有一个活动的NavLink，那么这个部分是打开的。
AdminNav.js导航组件。基本上是一个NavLink的列表。
import React, { Component } from 'react'
import { NavLink, withRouter } from 'react-router-dom'
import _find from 'lodash/find&#
浏览 1提问于2017-09-28得票数 0
我通过react链接调用一个组件，但同时我需要传递一个参数。
我已经在互联网上尝试过所有的解决方案，但仍然不起作用
ForgotPasswordComponent.js
<Link
to={{
pathname: "/user/forgotPassword/emailSent",
state: [
{
email: this.state.email,
subTitle: this.state.subTitle,
title: this.state.title
}
]
}
浏览 0提问于2019-08-09得票数 1
回答已采纳
我希望使用我的应用程序入口点作为全局状态存储。把信息作为道具传给孩子们。
使用react-router 4，我如何将正确的数据发送到渲染的组件。以类似于此的方式：
<Route Path=“/someplace” component={someComponent} extra-prop-data={dataPassedToSomeComponent} />
我见过一些旧版本的react-router的简陋的变通方法，它们似乎已被弃用。
在v4中执行此操作的正确方法是什么？
浏览 0提问于2017-11-13得票数 2
2回答
当我在命令行中运行节点server.js时，会得到以下错误：
C:\Users\Shaelyn\WebstormProjects\CIT366Projects\cms>node server.js
C:\Users\Shaelyn\WebstormProjects\CIT366Projects\cms\node_modules\express\lib\router\index.js:458
throw new TypeError('Router.use() requires a middleware function but got a ' + gettype
浏览 0提问于2018-04-05得票数 2
回答已采纳
React路由器:链路和路由不通过状态到组件
我正在构建一个在线购物应用程序，包括React，Redux和React路由器。在主页上，将显示所有项目。我希望用户能够点击一个图像，并被带到一个页面与该项目的项目详细信息。
我就是这么做的：
在App.js中，我使用BrowserRouter、路由和交换机进行路由
在Home.js中，我使用react路由器的链接将主页上的图像链接到项目详细信息页；链接应该以状态形式将ID传递给项目组件(参见下面的Home.js代码)
Item.js应该呈现一个项详细信息页面。项目的ID将传递给item组件，该组件将呈现该项的详细信息。
这看起来
浏览 0提问于2019-09-06得票数 5
回答已采纳
1回答
我有一个功能组件，如下所示： const ImageScreen = (props: any) => {
const images: object[] = [];
props.navigation.state.params.images.forEach((image: any) =>
//some code
);
return (
<View style={CommonStyles.normalPage}>
// some code
</View>
);
}; 然后我编写Jest来测试这个组件： t
浏览 23提问于2021-04-16得票数 0
1回答
我正在尝试实现一种从表中删除选定行的方法。每一行的末尾都有一个Delete链接，单击该链接的目的是删除该行。当我运行它并单击Delete链接时，它什么也不做。我没有发现任何错误，控制台上写着0 row(s) updated，行保持不变。不知道我错过了什么。
app.get('/device-list', function (req, res) {
// query database to get all the devices
let sqlquery = 'SELECT * FROM devices';
// execute sql query
浏览 3提问于2022-01-10得票数 1
回答已采纳
试图在我的文件中加载一个swf，但我得到了以下错误：
TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::MovieClip@32264f91 to flash.display.Loader.
at flash.display::Sprite/constructChildren()
at flash.display::Sprite()
at flash.display::MovieClip()
at ComicBook_003_fla::MainTimeline()
下面是我的代码：
var l
浏览 0提问于2013-05-18得票数 0
回答已采纳
我在我的项目中的一个函数中得到了上面的错误，并将代码简化到下面。控制台正在成功地记录正确的结果，但是仍然会显示一个覆盖和错误。
有什么办法阻止这种事发生吗？当错误仍然正确运行时，抛出一个错误似乎很奇怪。
func1 = (x,y) => {
let result=(x+y)
console.log(result)
}
func2 = x => {
x() // <= TypeError pointing to this not being a function
}
func2(func1(1,4)) // returns 5 but still gett
浏览 3提问于2020-09-23得票数 0
回答已采纳
1回答
我正在尝试创建一条既能处理动态网段又能接受路由器支持(params)的路由。如下所示： { path: '/peer:body?', name: 'peer', component: () => import('pages/peer.vue'), props: true } 并最终推送这样的路线： this.$router.push({ path: '/peer/' + row.body, name: 'peer', params: { row: row } }) 不幸的是，我只能使用path作为路由属性的
浏览 20提问于2020-01-05得票数 1
回答已采纳
关于python数据和时间函数的输出print(time.struct_time())。
TypeError: Required argument 'sequence' (pos 1) not found
我只想访问
time.localtime()
输出。
浏览 2提问于2020-06-13得票数 1
回答已采纳
我正在使用Flask/SQLAlchemy创建一个带有地图的web应用程序，所以我自然地使用了一个PostGIS数据库。geom列需要一个ST_Transform，我需要将这个列和所有其他列转换为JSON。数据库的一般结构是：
from app import login, db
from datetime import datetime
from geoalchemy2 import Geometry
from time import time
from flask import current_app
from sqlalchemy import func
class Streets(db
浏览 0提问于2018-05-18得票数 4
回答已采纳
我遇到了将回调函数传递给组件的问题。这是我的App.js文件的一小块
loginCompleted = (status) => {
if (status == "1") {
this.setState({ currentUser: "xxxx" });
}
}
render() {
return (
<BrowserRouter>
<MainTemplate authStatus={ this.
浏览 6提问于2022-01-25得票数 0
回答已采纳
我一直在玩咖啡，快递和护照，似乎我没有真正了解语言的一些细节。
谁能跟我解释一下，这是怎么回事？
在初始化passport.serializeUser和passport.deserializeUser函数时，如下所示：
passport.serializeUser (user, done)->
done null, user
passport.deserializeUser (obj, done)->
done null, obj
一切都如期而至。
但我想把这些功能从其他地方传进来。当我完成以下操作(在我看来应该是完全相同的)时，我就得到了一个TypeError，告诉我：
浏览 4提问于2014-11-11得票数 0
回答已采纳
它在其他浏览器中工作，将&字符转换为%26，这是预期的输出。 var CustomerID = "1234A&B";
let qString = "CustomerID=" + encodeURIComponent(CustomerID); 在IE11、Edge和Chrome中，输出结果是CustomerID=1234A%26B，这是我所期望的，但在火狐中，这个方法似乎没有被接受：CustomerID=1234A&B。这对我来说是个问题，因为现在服务器得到的参数B的值为null，因为它正在将与号转换为查询字符串分隔符，并将B解释为第二个
浏览 35提问于2019-01-24得票数 0
回答已采纳
1回答
...expected一个字符串(用于内置组件)或一个类/函数(用于组合组件)，但是got: object。
嗨，我正在尝试我的手反应，我遵循的教程，是过时的，这是造成一些问题。我试图修正我自己的错误，但我在尝试设置路线时绊倒了，并收到了这个错误；
错误消息
Uncaught Invariant Violation: Element type is invalid expected a string (for built-in components) or a class/function (for composite components) but got: object.
我怀疑导致这种情
浏览 1提问于2016-03-31得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
