ive never used a jsx file and i didnt even know such exist. What i do is, i directly write JSX inside my js files. You do know JSX is used to be included in React components? To represent their html content. Here is a simple React component, written in js, including jsx.
You can see, the React component is simply a js function(i used an arrow function) and it must return an element. We can use JSX to represent the element with html syntax. But to use this element in the html there is lot more stuff to happen. You need to export the element from the file. You need to import it in the App file, mount it on an actual html node(element existing in the html), which is used as an anchor for the React app to be rendered. You also want React to be included in the dependencies, you need an additional compiler which will translate JSX into valid JS…load the JS file into the HTML. Im not even certain how the process actually goes so im describing it chaotically. The main thing is, you need to be aware of a lot more and placing JSX code in html is like the last branch of the tree and its not a main feature you are given for use, its an utility for react developers.
Its like asking how can you load your table in Excel, but you havent even installed your Windows, or the office packet to begin with.