我正在使用 @kenshooui/react-multi-select 的 react-multiselect,在 DOC 中,示例是一個(gè)基于類的組件,但我在我的 JS 代碼中使用了基于函數(shù)的組件。多選代碼是 <MultiSelect items={form.states} selectedItems={form.selectedItems} onChange={handleChange} />在這方面,我在函數(shù) handleChange 中遇到了問(wèn)題。我試圖將函數(shù)從基于類更改為基于函數(shù),但它不起作用文檔中的函數(shù)是: this.setState({ selectedItems }); }在這個(gè)函數(shù)中selectedItems,所有在前端選擇的項(xiàng)目都會(huì)改變狀態(tài)。我用這個(gè)嘗試的是:const handleChange = (selectedItems)=> { setForm.selectedItems=selectedItems; console.log(selectedItems, "selectedItemsssssss"); };同時(shí)我也有一個(gè) 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, }); };請(qǐng)幫我解決一下這個(gè)。如何更改 selectedItems 的狀態(tài)并將數(shù)據(jù)發(fā)送到后端。我是新來(lái)的反應(yīng)。
React 多選不能傳遞選中的數(shù)據(jù),而是傳遞所有的數(shù)據(jù)
繁華開(kāi)滿天機(jī)
2021-10-29 16:29:53