SVG → React JSX

Use apenas SVG fiável. Eventos e referências externas são bloqueados.

Ferramentas de desenvolvimento

Como utilizar

Abra a ferramenta, introduza dados ou adicione um ficheiro, reveja as opções e execute a tarefa. Confira o resultado antes de transferir.

Funções e limites

Introduza SVG para converter em React JSX. Reveja atributos, referências externas e estilos antes de usar o código.

Esta página dá acesso à ferramenta QuickHub React. As funções dependem do dispositivo e dos formatos escolhidos.

Pesquisas e tarefas frequentes

Usar SVG → React JSX com código real ou dados de exemplo para converter e validarComeçar com este exemplo Executar SVG → React JSX diretamente no navegador sem instalar outra ferramentaComeçar com este exemplo Verificar erros e saída de SVG → React JSX antes de usar o resultado no passo seguinteComeçar com este exemplo

Próximos passos

Editor de código MonacoEditor de código Monaco · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Formatador de código PrettierFormatador de código Prettier · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Compilador TypeScriptCompilador TypeScript · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Verificação de sintaxe JavaScriptVerificação de sintaxe JavaScript · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Pré-visualização HTML/CSS/JSPré-visualização HTML/CSS/JS · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Comparação de texto e códigoComparação de texto e código · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Comparação de estruturas JSONComparação de estruturas JSON · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.Grafo JSONGrafo JSON · Dados, código, visualização, testes de imagem e ferramentas de desenvolvimento.