亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

TypeError:this.props.onDelete 不是函數

TypeError:this.props.onDelete 不是函數

白板的微信 2022-05-22 11:25:50
我正在使用 react.js 開發事件 crud 應用程序,但出現此錯誤:TypeError:this.props.onDelete 不是函數這是用戶界面:這是我點擊刪除時的錯誤:當我點擊編輯時,我也會遇到同樣的錯誤。這是代碼:import React, { Component } from "react";class Event extends Component {  onDelete = () => {    // console.log('event ', this.props.event.id);    this.props.onDelete(this.props.id);  };  onEdit = () => {    // console.log('event ', this.props.event.id);    this.props.onEdit(this.props);  };  render() {    const { id, eventname, eventdescription } = this.props.event;    return (      <tr>        <td>{id}</td>        <td>{eventname}</td>        <td>{eventdescription}</td>        <td>          <button onClick={this.onEdit}>Edit</button>          <button onClick={this.onDelete}>Delete</button>        </td>      </tr>    );  }}export default Event;
查看完整描述

2 回答

?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

<Event key={event.id} event={event} onDelete={this.onDelete} onEdit={this.onEdit} />

onDelete 未在 DisplayEvent 組件中聲明


查看完整回答
反對 回復 2022-05-22
?
幕布斯7119047

TA貢獻1794條經驗 獲得超8個贊

Event組件正在組件內部使用DisplayEvents。 DisplayEvents正在將道具傳遞onDeleteEvent.

查看您的代碼,onDeleteprop 的值是this.onDelete您尚未定義的值,DisplayEvents這意味著 undefined 正在傳遞給子組件(類似這樣的 : <Event onDelete={undefined} >)。contructor您可以通過安慰組件中的道具來檢查這一點Event。

您需要在父級中定義您的函數,然后將其作為道具傳遞給子級。

您可以查看 sanbox鏈接以供參考


查看完整回答
反對 回復 2022-05-22
  • 2 回答
  • 0 關注
  • 108 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號