githubmr/facebook-react: The library for web and native user interfaces.

fixtures/flight/src/Button.js

26 строк585 B

Andrew Clark

Upgrade Server Actions to canary (#27459)

04 окт 2023, 21:51

04 окт 2023, 21:51bfefb22

'use client';

import * as React from 'react';
import {useFormStatus} from 'react-dom';
import ErrorBoundary from './ErrorBoundary.js';

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

export default function Button({action, children}) {
  return (
    <ErrorBoundary>
      <form>
        <ButtonDisabledWhilePending action={action}>
          {children}
        </ButtonDisabledWhilePending>
      </form>
    </ErrorBoundary>
  );
}