validateSelectProps() — react Function Reference

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

Function javascript BabelCompiler Validation calls 1 called by 2

Entity Profile

BabelCompiler→ Validation→ validateSelectProps() — react Function Reference

Dependency Diagram

graph TD
  c18a6119_e933_0faf_e206_a100b0cc50ec["validateSelectProps()"]
  45a4825c_28bb_dfd1_ecd2_0adf3836cafc["ReactDOMSelect.js"]
  c18a6119_e933_0faf_e206_a100b0cc50ec -->|defined in| 45a4825c_28bb_dfd1_ecd2_0adf3836cafc
  96cf114b_9b89_b174_432c_1584a973fcdd["setInitialProperties()"]
  96cf114b_9b89_b174_432c_1584a973fcdd -->|calls| c18a6119_e933_0faf_e206_a100b0cc50ec
  894d4888_e1c9_cdd6_e0cb_7451b6fba151["hydrateProperties()"]
  894d4888_e1c9_cdd6_e0cb_7451b6fba151 -->|calls| c18a6119_e933_0faf_e206_a100b0cc50ec
  d50cfb99_ac21_660a_f1ea_195e9b8f60cf["checkSelectPropTypes()"]
  c18a6119_e933_0faf_e206_a100b0cc50ec -->|calls| d50cfb99_ac21_660a_f1ea_195e9b8f60cf
  style c18a6119_e933_0faf_e206_a100b0cc50ec fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-dom-bindings/src/client/ReactDOMSelect.js lines 126–144

export function validateSelectProps(element: Element, props: Object) {
  if (__DEV__) {
    checkSelectPropTypes(props);
    if (
      props.value !== undefined &&
      props.defaultValue !== undefined &&
      !didWarnValueDefaultValue
    ) {
      console.error(
        'Select elements must be either controlled or uncontrolled ' +
          '(specify either the value prop, or the defaultValue prop, but not ' +
          'both). Decide between using a controlled or uncontrolled select ' +
          'element and remove one of these props. More info: ' +
          'https://react.dev/link/controlled-components',
      );
      didWarnValueDefaultValue = true;
    }
  }
}