亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

材質自動完成不適用于 InputProps

材質自動完成不適用于 InputProps

神不在的星期二 2021-12-23 10:31:28
我正在嘗試更改TextField通過 my 呈現的邊框Autocomplete,但是當我添加InputProps道具時,Autocomplete不再呈現Chips<Autocomplete    multiple    freeSolo    options={options}    renderTags={(value, { className, onDelete }) =>        value.map((option, index) => (            <Chip                key={index}                variant="outlined"                data-tag-index={index}                tabIndex={-1}                label={option}                className={className}                color="secondary"                onDelete={onDelete}            />        ))    }    renderInput={(params) => (        <TextField            {...params}            id={id}            className={textFieldStyles.searchField}            label={label}            value={value}            onChange={onChange}            variant="outlined"            //InputProps={{            //     classes: {            //         input: textFieldStyles.input,            //         notchedOutline: textFieldStyles.notchedOutline            //     }            //}}            InputLabelProps={{                classes: {                    root: textFieldStyles.label                }            }}        />    )}/>上面的代碼有效,并且一旦我取消注釋InputProps行,輸入Chip就會在選擇或輸入項目時呈現渲染。謝謝
查看完整描述

1 回答

?
素胚勾勒不出你

TA貢獻1827條經驗 獲得超9個贊

發生這種情況是因為 InputProps 屬性覆蓋了 params 的 InputProps 參數,您必須合并 params 的 InputProps 屬性:


InputProps={{

    ...params.InputProps,

    classes: {

        input: textFieldStyles.input,

        notchedOutline: textFieldStyles.notchedOutline

    }

}}


查看完整回答
反對 回復 2021-12-23
  • 1 回答
  • 0 關注
  • 129 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號