Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Ts react/functional component #210

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
react functional component
  • Loading branch information
gihanrangana authored Jan 7, 2025
commit 71ed6819ae545b9f42fb89015660ee23b291b095
24 changes: 24 additions & 0 deletions snippets/typescript/react-helpers/functional-component.md
View file Open in desktop
Copy link
Collaborator

@Mathys-Gasnier Mathys-Gasnier Jan 7, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This does not qualify as a snippet under the guidelines of Quicksnip, this is an example.

Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
---
title: Fuctional Component
description: Functional component for React JS with props.
author: gihanrangana
tags: typescript,fuctional-component,react-props,reactjs
---

```tsx
import React from 'react';

interface ComponentNameProps {
// Define specific props here
}

const ComponentName: React.FC<ComponentNameProps> = (props) => {
return (
<div>
{/* Add component content here */}
</div>
);
};

export default ComponentName;
```

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /