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

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

在按鈕單擊時添加 React-Select 下拉組件

在按鈕單擊時添加 React-Select 下拉組件

慕萊塢森 2023-11-11 20:47:33
我正在嘗試通過單擊按鈕添加組件。我正在使用反應選擇下拉包。我嘗試使用 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>    )}
查看完整描述

1 回答

?
瀟湘沐

TA貢獻1816條經(jīng)驗 獲得超6個贊

如果要基于單擊添加新組件,可以在列表循環(huán)內(nèi)渲染該組件,例如:


languageList.map((item, index) => return (

<LanguageSelect key={index} name={item.name} otherFields={item.otherFields} /> 

))

你的handleAddClick函數(shù)可以向語言列表添加一個新元素,例如:


setLanguageList([...languageList, {name: '', otherFields:''}])


查看完整回答
反對 回復 2023-11-11
  • 1 回答
  • 0 關(guān)注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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