BuilderIO/mitosis

BUG: Mitosis does not camelCase HTML attributes in React

Open

#526 aperta il 28 giu 2022

Vedi su GitHub
 (7 commenti) (0 reazioni) (1 assegnatario)TypeScript (411 fork)batch import
coregood first issuereact

Metriche repository

Star
 (9803 star)
Metriche merge PR
 (Merge medio 1g 1h) (6 PR mergiate in 30 g)

Descrizione

Scope

  • This impacts ALL Mitosis outputs
  • This only impacts specific generators/outputs (please list them here): React

Describe the bug Attributes like srcset are camelCased in React (possibly other frameworks? Not sure). However, Mitosis does not account for that

To Reproduce

A link to a https://mitosis.builder.io/ fiddle containing the bug: link

Expected behavior scrset should become srcSet in the React output. Same goes for all HTML attributes that are multi-word: https://reactjs.org/docs/dom-elements.html

Additional context

  • I am not sure what the comprehensive list of camelCased DOM elements is, but we can probably look at React's JSX types to determine what to do
  • I am also not sure if other frameworks do this camelCasing. We might need to do this elsewhere too

Guida contributor

Direzione di ricerca
Identifica tutti gli attributi HTML composti da più parole e aggiungi la mappatura camelCase per l'output React. Fai riferimento alla documentazione JSX di React per l'elenco degli attributi in camelCase.
Tech stack
typescriptreact
Dominio
compilers
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitTypeScriptReact
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75