Reactのjsxのタグについて

実現したいこと

タグの意味がわかりません。

前提

react.jsでTodoリストを作ろうという勉強をしているのですが、なぜJSXの部分で<Todo/>なのでしょうか？jsx内でJavaScriptを使うには{}と記載あったのですが、これはどういう意味なのでしょうか。

初心者で申し訳ないのですが、教えていただけると幸いです。

該当のソースコード

react.js ソースコード function Todo() { return null; } function App() { return ( <div className="container is-fluid"> <Todo /> </div> ); } const root = document.getElementById('root'); ReactDOM.render(<App />, root);

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。