OpenInEditorButton() — react Function Reference

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

Function javascript BabelCompiler Validation

Entity Profile

BabelCompiler→ Validation→ OpenInEditorButton() — react Function Reference

Dependency Diagram

graph TD
  5318bf81_8df5_b7bf_4d85_f9add36399e6["OpenInEditorButton()"]
  5eb75744_619e_d7d3_c988_8d5803563f16["OpenInEditorButton.js"]
  5318bf81_8df5_b7bf_4d85_f9add36399e6 -->|defined in| 5eb75744_619e_d7d3_c988_8d5803563f16
  style 5318bf81_8df5_b7bf_4d85_f9add36399e6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/Editor/OpenInEditorButton.js lines 75–91

function OpenInEditorButton({editorURL, source, className}: Props): React.Node {
  return (
    <React.Suspense
      fallback={
        <Button disabled={true} className={className}>
          <ButtonIcon type="editor" />
          <ButtonLabel>Loading source maps...</ButtonLabel>
        </Button>
      }>
      <ActualOpenInEditorButton
        editorURL={editorURL}
        source={source}
        className={className}
      />
    </React.Suspense>
  );
}