javascript – How to show Component in option of select in react js?

I want to create drop down contain div background color of my choice

 <FormGroup>
    <Label for="secureType">
        <IntlMessages id="email-setting.secureType" />
    </Label>
    <Input
        name="categoryColorId"
        type="select"
        // value={values.select}
        onChange={handleChange}
        onBlur={handleBlur}
    >
        <option value="" style={{ backgroundColor: "#fff" }}>
            #fff
        </option>
        <option value="">
            <div style={{ backgroundColor: "#fff" }}>#fff</div>
        </option>
        <option value="">
            <div style={{ backgroundColor: "#fff" }}>#fff</div>
        </option>
        <option value="">
            <div style={{ backgroundColor: "#fff" }}>#fff</div>
        </option>
    </Input>
</FormGroup>

if it is possible to render div in side option please suggest suitable method or suggest how can achieve these same functionality 🙂