当没有选择任何内容时,它工作得很好。
正如您在上面看到的,即使我选择了一个选项(灰),它也表示所有内容都已选择。我这样做了console.log(isSelected),它说一切都已选择true..
我复制了很多代码,修改了几行。
预先感谢您对我的帮助!
如果您有什么建议,请来找我!
const dot = (color = '#ccc') => ({
display: 'flex',
alignItems: 'center',
':before': {
backgroundColor: color,
borderRadius: 10,
content: '" "',
display: 'block',
marginRight: 10,
height: 15,
width: 15,
},
});
const colourStyles = {
control: (styles, { selectProps: { width } }) => ({
...styles,
width: width,
}),
option: (styles, { data, isSelected, isFocused }) => {
const color = chroma(data.color);
return {
...styles,
backgroundColor: …Run Code Online (Sandbox Code Playgroud)