updateSelect() — react Function Reference

Architecture documentation for the updateSelect() function in ReactDOMSelect.js from the react codebase.

Function javascript BabelCompiler Validation calls 1 called by 1

Entity Profile

BabelCompiler→ Validation→ updateSelect() — react Function Reference

Dependency Diagram

graph TD
  3d545c01_fa5f_dc3a_a833_471614f78441["updateSelect()"]
  45a4825c_28bb_dfd1_ecd2_0adf3836cafc["ReactDOMSelect.js"]
  3d545c01_fa5f_dc3a_a833_471614f78441 -->|defined in| 45a4825c_28bb_dfd1_ecd2_0adf3836cafc
  336b5c16_66c9_7089_05c5_2ec95eb7ed11["updateProperties()"]
  336b5c16_66c9_7089_05c5_2ec95eb7ed11 -->|calls| 3d545c01_fa5f_dc3a_a833_471614f78441
  5a4d9c64_cfda_e369_9d26_73216acb4de1["updateOptions()"]
  3d545c01_fa5f_dc3a_a833_471614f78441 -->|calls| 5a4d9c64_cfda_e369_9d26_73216acb4de1
  style 3d545c01_fa5f_dc3a_a833_471614f78441 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/ReactDOMSelect.js lines 214–234

export function updateSelect(
  element: Element,
  value: ?string,
  defaultValue: ?string,
  multiple: ?boolean,
  wasMultiple: ?boolean,
) {
  const node: HTMLSelectElement = (element: any);

  if (value != null) {
    updateOptions(node, !!multiple, value, false);
  } else if (!!wasMultiple !== !!multiple) {
    // For simplicity, reapply `defaultValue` if `multiple` is toggled.
    if (defaultValue != null) {
      updateOptions(node, !!multiple, defaultValue, true);
    } else {
      // Revert the select back to its default unselected state.
      updateOptions(node, !!multiple, multiple ? [] : '', false);
    }
  }
}