Na verdadeDe fato não é a mesma coisa.
Quando você adiciona a prop jsx
, o "compilador" (trata-se de um plugin do Babelplugin do Babel) reconhece que a biblioteca styled-jsx
deve assumir a "estilização". A partir daí, o plugin do Babel realizará as devidas transformações no estilo, que não são feitas com o <style>
"padrão" do HTML.
Veja esse comportamento no código-fonte do plugin – repare que nada acontece se elementos <style>
não possuirem a propriedade jsx
.
Quando a propriedade jsx
não é fornecida, portanto, nada acontece. A tag <style>
é renderizada normalmente como qualquer outro elemento do DOM. Naturalmente, os estilos são aplicados.
Veja nas ferramentas do desenvolvedor a diferença entre o <style jsx>
e <style>
após o "pré-processamento" – nulo neste último caso.