Как установить все мои параметры как выбранные по умолчанию, и все значения параметров должны отображаться в поле при выборе реакции при множественном выборе

<Select
        components = {animatedComponents}
        isMulti
        defaultValue = {selectedClassOptions}
        value = {selectedClassOptions}
        options = {classOptions}
        onChange = {(item) => setSelectedClassOptions(item)}
        className = "generalSelect"
        isClearable = {false}
        isSearchable = {false}
        isDisabled = {false}
        isLoading = {false}
        isRtl = {false}
        closeMenuOnSelect = {false}
        placeholder = "Class"
        styles = {{
          option: (provided, state) => ({
            ...provided,
            borderBottom: "1px solid #F9F9F9",
            padding: "10px 15px", // Adjust padding as needed
            backgroundColor: state.isSelected ? "#f7f7f7" : "unset",
          }),
          menu: (provided, state) => ({
            ...provided,
            padding: "10px",
            zIndex: 9999,
            borderRadius: "10px", // Adjust z-index as needed
          }),
          placeholder: (provided, state) => ({
            ...provided,
            color: "#a8a8a8",
          }),
        }}
      />  

 <Select
        isMulti
        defaultValue = {selectedOptions}
        value = {selectedOptions}
        options = {optionsMulti}
        onChange = {(item) => setSelectedOptions(item)}
        className = "select"
        isClearable = {false}
        isSearchable = {false}
        isDisabled = {false}
        isLoading = {false}
        isRtl = {false}
        closeMenuOnSelect = {false}
        // value = {optionsMulti}
        placeholder = "Student"
        styles = {{
          option: (provided, state) => ({
            ...provided,
            borderBottom: "1px solid #F9F9F9",
            padding: "10px 15px", // Adjust padding as needed
            backgroundColor: state.isSelected ? "#f7f7f7" : "unset",
          }),
          menu: (provided, state) => ({
            ...provided,
            padding: "10px",
            borderRadius: "10px",
            zIndex: 9999, // Adjust z-index as needed
          }),
          placeholder: (provided, state) => ({
            ...provided,
            color: "#a8a8a8",
          }),
        }}
      />

Здесь я выберу класс на основе этого класса. Я получу опцию «Студенты» динамически, и я хочу, чтобы каждый раз, когда я выбираю класс, опция «Студенты» будет генерироваться по умолчанию, в которой должны быть выбраны все параметры и значения, отображаемые в этом другом множественном выборе в этом multiselect, как это сделать, чтобы defaultValue = {selectedClassOptions} не работало?

🤔 А знаете ли вы, что...
React предлагает виртуальное DOM для оптимизации производительности при обновлении интерфейса.