第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

React Material UI Range Slider 值句柄

React Material UI Range Slider 值句柄

三國(guó)紛爭(zhēng) 2022-11-11 10:59:52
我有一個(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任何解決此問題的幫助表示贊賞。提前致謝。
查看完整描述

1 回答

?
慕萊塢森

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊

在 App.js 中,為每個(gè)提供<RangeSlider />一個(gè) id 道具,您可以從表格行數(shù)據(jù)中獲得該道具:

<RangeSlider id={data.id} setrange={fetchValue} range={range} />

在 RangeSlider.js 中,確保將該 id 發(fā)送到props.setrange回調(diào):

props.setrange(e.target.textContent, props.id);

也不要忘記在函數(shù) decleration (App.js) 中獲取 id 參數(shù):

const fetchValue = (value, id) => {
   ...}


查看完整回答
反對(duì) 回復(fù) 2022-11-11
  • 1 回答
  • 0 關(guān)注
  • 132 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)