Issue handling function passed as children in React components
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 4/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 35/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- developer-experience
Piste de recherche
Start by tracing how Code Connect handles figma.children("*") and renders the example callback in its React support; the issue does not name relevant files or tests. Check how function-valued children are represented and whether slot attributes can be forwarded. Done means documenting or supporting a way to render the function child and pass its attributes to the rendered component; the issue has had no comment for 243 days.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Please provide:
- Code Connect CLI version: 1.3.6
- Operating system: macOS Sequoia 15.0
- Code Connect file, Figma design and/or relevant code snippet that could help us get more context:
I have a React component where I’m using an arrow function as children to pass click events and other attributes down to a slot node (in this case, a Button):
<DropdownMenu.Trigger>
{(attributes) => <Button attributes={attributes}>Open</Button>}
</DropdownMenu.Trigger>
However, when I try to connect it using Code Connect, the API doesn’t seem to handle a function passed as children for DropdownMenu.Trigger.
Here’s my setup:
figma.connect(
DropdownMenu.Trigger,
"https://www.figma.com/design/...,
{
imports: ["import { DropdownMenu } from '@library'"],
props: {
children: figma.children("*"),
},
example: ({ children }) => <DropdownMenu.Trigger>{(attributes) => children}</DropdownMenu.Trigger>,
}
);
Result:
Additionally, how can we pass the attributes parameter down to whatever component is rendered inside the slot?
Thank you!
- Langage dominant
- TypeScript
- Étoiles
- 1.6k
- Forks
- 126
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Préparer son environnement
Ce projet ne fournit ni conteneur de développement, ni Dockerfile, ni guide de contribution : l'installation est à votre charge. Commencez par son README, et consultez notre guide de la première contribution pour les étapes générales.
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de figma/code-connect
-
normalizePropName strips `#` characters from Figma property names instead of only the `#id` suffixOuverte
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
figma/code-connect#419 ·
-
feature request
Difficulté 2/5 1-3 heures Accessibilité débutants 66/100
figma/code-connect#403 ·
-
feature request
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 38/100
figma/code-connect#414 ·
-
feature request
Difficulté 4/5 3-5 jours Accessibilité débutants 48/100
figma/code-connect#413 · 1 commentaire ·
-
feature request
Difficulté 4/5 3-5 jours Accessibilité débutants 54/100
figma/code-connect#412 · 1 commentaire ·
Toutes les issues de figma/code-connect
Issues similaires
-
お問い合わせのメール送信に失敗しても成功と表示されるOuvertearea: web
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
inabagumi/shinju-date#6823 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
vercel-labs/ui#540 ·
Les mainteneurs répondent en général sous 1 jour
-
accepted ai-dev ai-implementing
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
livesport/homer#218 · 1 commentaire ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 78/100
-
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
Les mainteneurs répondent en général sous 1 jour