我正在嘗試通過單擊按鈕添加組件。我正在使用反應選擇下拉包。我嘗試使用 concat 但它給出了一個錯誤并且沒有添加到 DOM 中。這是我的 jsx 文件const LanguageSelect = (props) => { const {options, name, isLanguage} = props; const [language, setLanguage] = useState([{ value: '', label: '' }]); // Input Change const handleSelectDropdownChange = (selected, index) => { const {value, label} = selected; const list = [...inputList]; list[value, label] = language; setLanguage(list); console.log(list); } // handle to add language dropdown const handleAddClick = () => { setInputList([...inputList, {value: "", label: ""}]); <LanguageSelect options={options} placeholder={placeholder} name={name} isLanguageBlock={isLanguageBlock} title={title} /> }return (<div className="form-group"> <label htmlFor={name} className="control-label">{title}</label> <div className="form-input-container"> <Select className="profile-module-select-container" classNamePrefix="profile-module-select" options={options} onChange={selected => { setDropdown({ optionSelect: selected.value }); handleSelectDropdownChange(selected, i); }} />{isLanguage && (<div className="add-language-selection"> <a className="addLanguage" id="addLanguage" role="link" onClick={handleAddClick} tabIndex={0}>+Add Language</a> </div>)} </div> </div> )}
在按鈕單擊時添加 React-Select 下拉組件
慕萊塢森
2023-11-11 20:47:33