React 元件之間props呼叫刪除方法

2021-09-26 21:17:15 字數 628 閱讀 5268

之前學習了在同一元件下進行刪除,直接呼叫this.state裡的資料,進行filter篩選,然後更新狀態即可。

但是現在counters陣列是counters的一部分,想要在counter裡通過刪除按鈕刪除資料就不能直接使用上述方法了。為此,有了新的解決方法:

counter元件發起事件ondelete,在counters中實現handledelete()方法。

首先,向counters元件新增handledelete方法,

// 刪除按鈕

handledelete = countid => );

};

然後通過props給counter元件傳遞乙個方法的引用

然後在counter元件中呼叫該方法

this.props.ondelete(this.props.counter.id)}

classname="btn btn-danger btn-sm m-2"

>

delete

react類元件裡面使用props

因為專案中的元件,有的用函式元件,有的用類元件,所以兩種元件的用法都要掌握,今天說這個react的類元件裡面使用props class homesupport extends react.component myfunction 呼叫介面 console.log this.props.modelda...

react中元件傳遞資料使用props

1.props的children屬性 props的children屬性 console.log props return props的children屬性 2.props校驗 使用prop types包步驟 1.在終端中安裝 yarn add prop types或者 npm i prop type...

React 元件的三大屬性之props

props的理解 每個元件物件都會有props properties的簡寫 屬性 元件標籤的所有屬性都儲存在props中。props的作用 通過標籤屬性從元件外向元件內傳遞變化的資料 注意點 元件內部不要修改props資料。fun.js import react from react 1.建立元件 ...