我有一個(gè)來自 material-UI 的范圍滑塊。在主頁上,呈現(xiàn)數(shù)據(jù)表。該表具有以下字段:id, name, current price, new price.每個(gè)項(xiàng)目的值current price固定為某個(gè)值。該new price項(xiàng)目的值將取決于滑塊的值。當(dāng)范圍滑塊(假設(shè)右側(cè))的一個(gè)(表格的特定項(xiàng)目的)句柄更改為某個(gè)值時(shí),其更新的值將被添加到,current price并且該總和將是該new price特定項(xiàng)目的值. IEitem's new price = item's current price + item's slider value received.但是我面臨的范圍滑塊的問題是它沒有任何 id 屬性或?qū)傩詠砥ヅ淦渲狄迅牡奶幚沓绦?。因此,?dāng)任何單個(gè)項(xiàng)目的滑塊值發(fā)生更改時(shí),它會(huì)添加到所有項(xiàng)目current price字段而不是選定的特定字段?,F(xiàn)在,我正在使用硬編碼的 id 檢查,例如:if (ele.id === 2) { returnValue.new_price = ele.current_price + value; }但我需要一個(gè)通用的解決方案。工作片段鏈接:https://codesandbox.io/s/icy-framework-rxui2?file=/src/App.js:822-908任何解決此問題的幫助表示贊賞。提前致謝。
React Material UI Range Slider 值句柄
三國(guó)紛爭(zhēng)
2022-11-11 10:59:52