之前學習了在同一元件下進行刪除,直接呼叫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.建立元件 ...