ButtonDisabledWhilePending() — react Function Reference

Architecture documentation for the ButtonDisabledWhilePending() function in Button.js from the react codebase.

Function javascript BabelCompiler Optimization

Entity Profile

BabelCompiler→ Optimization→ ButtonDisabledWhilePending() — react Function Reference

Dependency Diagram

graph TD
  09c2cfd9_33cc_edb1_e146_970ada68a705["ButtonDisabledWhilePending()"]
  317029de_e52e_edc1_0ba6_c44bc97613ff["Button.js"]
  09c2cfd9_33cc_edb1_e146_970ada68a705 -->|defined in| 317029de_e52e_edc1_0ba6_c44bc97613ff
  style 09c2cfd9_33cc_edb1_e146_970ada68a705 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/flight/src/Button.js lines 6–13

function ButtonDisabledWhilePending({action, children}) {
  const {pending} = useFormStatus();
  return (
    <button disabled={pending} formAction={action}>
      {children}
    </button>
  );
}