我正在嘗試使用 ant d 的 Avatar 作為 multipikcer 按鈕,但我想在選擇其中任何一個時更改顏色。 const weekDays = ["S", "M", "T", "W", "TH", "F", "ST"];return (<>{weekly && ( <div>{weekDays.map((days, index) => selectedWeekdays(days))}</div> )}</>)const selectWeekDays = (day) => { let wD = weekday; let index = wD.findIndex((d) => d === day); if (index > -1) { wD.splice(index, 1); } else { wD.push(day); } setWeekday(wD); }; const selectedWeekdays = (days) => { let index = weekday.findIndex((d) => days.value === d); let changeColor = (Style["background-color"] = "#FFFFFF"); if (index > -1) { changeColor = Style["background-color"] = "#ffffff"; } return ( <Avatar id={days} onClick={() => selectWeekDays(days)} className={changeColor && Style["week-days"]} key={days} > {days} </Avatar> ); };這是這個的 SCSS 文件.week-days { border: "1px solid #000000"; display: "flex"; align-items: "center"; color: "#000000"; height: 55; cursor: "pointer"; border: 1px solid #ddd; width: 100; margin: 2px; text-align: center; color: black;}重點不是我無法更改選擇時的顏色。其他邏輯正在正常工作但不是顏色變化。所以最初它有白色背景和黑色文本,當我選擇它時,它被選中并且顏色變為藍色背景和白色文本。但是我從上面的代碼中得到了這個輸出不,白色正在設置,選擇按鈕上沒有顏色變化。下面也是我的期望..有人可以幫我弄這個嗎??我做錯了什么?
單擊按鈕設置顏色,如選擇取消選擇顏色更改
慕容森
2022-12-22 14:44:20