我正在使用 @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)。
React 多選不能傳遞選中的數(shù)據(jù),而是傳遞所有的數(shù)據(jù)
繁華開滿天機(jī)
2021-10-29 16:29:53