Solucionado
Seja CSS, JS ou HTML, o JPX consegue lê las de forma prática exportanto e/ou coexistindo em um mesmo doc, só com alguns simbolos para sinalizar onde cada linguagem vai ser usada exatamente? Se sim, por que não posso usar JS? Porque aparentemente da também
Fala Rebeca, tudo bem?
Em resumo, JSX é uma sintaxe semelhante ao XML, onde você consegue escrever e compreender de uma melhor forma, como será montado o seu component na UI.
JSX não é uma proposta para EcmaScript, ele é apenas uma sintaxe! É claro que, JSX não é interpretado pelo browser, por este motivo devemos utilizar um transpiler para realizar a mágica. Hoje existem vários transpiladores que transpilam JSX, entre eles, o mais conhecido, Babel.
Basicamente, usando o JSX você pode escrever estruturas concisas do tipo HTML, e no mesmo arquivo que você escreve o código JavaScript, então o Babel transformará isso em código JavaScript. Ao contrário do passado, em vez de colocar JavaScript em HTML, o JSX nos permite colocar HTML em JavaScript. JSX providencia uma sintaxe familiar para definir a árvore estrutural, e isso não requer um novo conhecimento e também não abandonamos o Javascript.
Você pode ver mais sobre JSX clicando aqui
Espero ter ajudado, bons estudos :D