Issue handling function passed as children in React components
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- react, typescript
調査の方向性
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.
索引モデルが issue の本文から書いたものです。
説明
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!
- 主要言語
- TypeScript
- スター
- 1.6k
- フォーク
- 126
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
figma/code-connect のほかの issue
-
normalizePropName strips `#` characters from Figma property names instead of only the `#id` suffixオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
figma/code-connect#419 ·
-
feature request
難易度 2/5 1〜3時間 初心者へのやさしさ 66/100
figma/code-connect#403 ·
-
feature request
難易度 5/5 1週間以上 初心者へのやさしさ 38/100
figma/code-connect#414 ·
-
feature request
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
figma/code-connect#413 · コメント 1 件 ·
-
feature request
難易度 4/5 3〜5日 初心者へのやさしさ 54/100
figma/code-connect#412 · コメント 1 件 ·
figma/code-connect の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
-
bug
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
jeanibarz/knowledge-base-mcp-server#1268 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 78/100
Koenkk/zigbee-herdsman-converters#13820 ·
メンテナーはふだん 2 日以内に返信
-
A live recovery copy treats a large whole number and text with the same digits as the same valueオープンbug sharing & sync
難易度 2/5 1〜3時間 初心者へのやさしさ 64/100
メンテナーはふだん 1 日以内に返信
-
[prefer-expect-resolves] autofix leaves a stray ")" when the awaited expression is parenthesizedオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
jest-community/eslint-plugin-jest#2052 ·