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

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

React 多選不能傳遞選中的數(shù)據(jù),而是傳遞所有的數(shù)據(jù)

React 多選不能傳遞選中的數(shù)據(jù),而是傳遞所有的數(shù)據(jù)

繁華開滿天機(jī) 2021-10-29 16:29:53
我正在使用 @kenshooui/react-multi-select 的 react-multiselect,在 DOC 中,示例是一個基于類的組件,但我在我的 JS 代碼中使用了基于函數(shù)的組件。多選代碼是 <MultiSelect  items={form.states}  selectedItems={form.selectedItems}  onChange={handleChange} />在這方面,我在函數(shù) handleChange 中遇到了問題。我試圖將函數(shù)從基于類更改為基于函數(shù),但它不起作用文檔中的函數(shù)是:    this.setState({ selectedItems });  }在這個函數(shù)中selectedItems,所有在前端選擇的項目都會改變狀態(tài)。我用這個嘗試的是:const handleChange = (selectedItems)=> {        setForm.selectedItems=selectedItems;        console.log(selectedItems, "selectedItemsssssss");    };同時我也有一個 handleInputChange 函數(shù):const handleInputChange = (event) => {        const target = event.target;        const value = target.type === 'checkbox' ? target.checked : target.value;        const name = target.name;        setForm({            ...form,            [name]: value,        });    };請幫我解決一下這個。如何更改 selectedItems 的狀態(tài)并將數(shù)據(jù)發(fā)送到后端。我是新來的反應(yīng)。
查看完整描述

1 回答

?
動漫人物

TA貢獻(xiàn)1815條經(jīng)驗 獲得超10個贊

setForm是一個返回的 setter 函數(shù),useState它應(yīng)該采用您的新狀態(tài)。在您的情況下,您正在嘗試將屬性分配selectedItems給此函數(shù):


const handleChange = (selectedItems) => {

  setForm.selectedItems=selectedItems;

};

您應(yīng)該改為使用更新后的狀態(tài)調(diào)用該函數(shù):


const handleChange = selectedItems => {

  setForm({ ...form, selectedItems });

};


查看完整回答
反對 回復(fù) 2021-10-29
  • 1 回答
  • 0 關(guān)注
  • 162 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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