Локализованное руководство по чтению

react-flow-node-tsНазначение, использование и источник

Создавайте узловые компоненты React Flow с использованием типов TypeScript, обработчиков событий и интеграции с Zustand. Используйте их при создании пользовательских узлов для холста React Flow, разработке визуальных редакторов рабочих процессов или реализации узловых компонентов пользовательского интерфейса.

Источник получен: 2026-10-29

Репозиторий-источник: microsoft/skills
SKILL.md: .github/plugins/azure-sdk-typescript/skills/react-flow-node-ts/SKILL.md
Звёзды репозитория: 3,157
Последнее обновление репозитория: 2026-10-31
Категории Skills: Облачные сервисы
Время последнего сбора: 2026-10-31 10:38 UTC+08:00

Лицензия: MIT

Оригинальный файл SKILL.md

Приведенные фрагменты описания рабочих процессов являются вспомогательными средствами для чтения, а не исполняемыми инструкциями от Codez. Для создания этой страницы не использовались сторонние инструменты.

Приведённые ниже фрагменты, описывающие цели и рабочие процессы, представляют собой исходный материал, систематизированный и переведённый для удобства чтения. Они отличаются от отдельно обозначенного редакционного анализа Codez.

Что делает этот навык

Как работает рабочий процесс на вышестоящем уровне

Быстрый старт

Скопируйте шаблоны из папки assets/ и замените заполнители:{{NodeName}}→ Название компонента в формате PascalCase (например,VideoNode){{nodeType}}→ идентификатор типа "кебаб" (например,video-node){{NodeData}}→ Название интерфейса данных (например,VideoNodeData)

проход вверх по течению · L14 ↗

Этапы интеграции

Добавить типsrc/frontend/src/types/index.tsСоздайте компонент вsrc/frontend/src/components/nodes/Экспорт изsrc/frontend/src/components/nodes/index.tsДобавить значения по умолчанию вsrc/frontend/src/store/app-store.ts

проход вверх по течению · L63 ↗

React Flow Node

Создавайте компоненты Node.js для React Flow, следуя установленным шаблонам, с использованием корректных типов TypeScript и интеграцией с хранилищем данных.

проход вверх по течению · L10 ↗

проход вверх по течению · typescript ↗

export interface MyNodeData extends Record<string, unknown> {
  title: string;
  description?: string;
}

export type MyNode = Node<MyNodeData, 'my-node'>;

Требования и настройка

Из этого файла не был выбран фрагмент с краткими требованиями. Это не означает, что у навыка нет зависимостей. Проверьте инструкции по настройке репозитория и указанные файлы.

Ограничения и проверки качества

Из этого файла не был выбран отдельный фрагмент с ограничениями. Это не означает, что навык безопасен для любых входных данных или сред. Проверьте полный исходный код и подтвердите свой собственный результат.

Начните с безопасного пробного периода.

Проверьте поддерживаемый хост и инструкции по установке репозитория. Храните каталог Skill, а также связанные с ним скрипты, ресурсы и документацию вместе;SKILL.mdВ одиночку можно опустить зависимости.
Предоставьте агенту ваши реальные входные данные, желаемый результат и критерии приемки. Синтаксис вызова и доступные инструменты зависят от хоста; данный сайт не предполагает универсальной команды установки.
Попробуйте запустить исходный рабочий процесс в тестовом проекте или в его копии. Перед тем как разрешить операции, изменяющие файлы, удаленные сервисы или оплачиваемые ресурсы, проверьте их.
Проверьте выходные данные на соответствие исходным проверкам качества и вашим собственным требованиям. Успешный запуск или большое количество звезд в репозитории не гарантируют корректного результата.

Формат навыков и спецификация каталога ↗

Подробнее читайте в источнике.

Перевод и сфера применения

В этом руководстве по чтению представлены избранные отрывки из закрепленного текста выше по течению.SKILL.mdПеревод выполнен с помощью переводчика. Это не полное руководство и не гарантия проверенной совместимости. Перед использованием ознакомьтесь с оригиналом и указанными в нем файлами.

Данное введение относится к закрепленной ниже версии; текущая активность в репозитории и время сбора данных отображаются отдельно.

Закрепленный источник: Прочитайте оригинал ↗
Источник получен: 2026-10-29T09:32:23Z
Исходный коммит: 00d66a64919edca5bca2c673373444e36a4b5461
Исходный SHA-256: f0a4f37df3e8e7ed9645e947c08470fd78483f18b9587ae8cd20720022110781

Вернуться к полному каталогу навыков