วิธีปรับแต่งโต้ตอบ-เลือกส่วนประกอบ?

ถ้าคุณอ่านเอกสารคู่มือเพื่อตอบโต้เลือกคุณสามารถเห็นว่า docs เบี่ยงเบนเธอไปทางการใช้อารมณ์มากกว่าตรงไปข้างหน้าของ CSS.

ตอนที่ implementing นี้คุณทำงานควรจะทำอะไรแบบนี้:

const reactSelectStyles = {
    singleValue: (provided, state) => ({
        ...provided,
        color: 'inherit',
    }),
    menu: (provided, state) => ({
        ...provided,
        'z-index': 9,
    }),
    multiValue: (provided, state) => ({
        ...provided,
        color: state.isDisabled ? "#000" : "#fff",
    }),
};

นี่จะต้องสร้างวัตถุงนั้นคุณก็สามารถใช้สำหรับ styling

<Select
    styles={reactSelectStyles}
/>

เตรียมไว้ให้อยู่ในนรหัสอยู่เหนือทำให้มั่นใจว่าค่าปริยาย styling คือนรวม(ดังนั้นคุณจะไม่เติมมันหากคุณต้องการให้และรัฐสามารถใช้เพื่อทำจัดการพาต่างออกรูปแบบมันขึ้นอยู่กับรัฐของโต้ตอบเลือก.

ฉันจะบอกว่าคุณโดยรวมแล้ว..ยังจะต้องให้หนักขึ้นได้เวลาแก้ไขมันโดยใช้ปกติของไวยากรณ์แบบ CSS ตั้งแต่ตอบโต้เลือก(การใช้อารมณ์)จะสร้างปรับอัตโนมัติของไวยากรณ์แบบ CSS เรียนนั่นไม่ได้เคลื่อนคล้อยกับคนอื่น