داخل script فقط یک بار میشه از jsxاستفاده کرد؟مثلا یه بار داخل یه فرم وداخل فرم دیگه در همون script نمیشه?

class FormElement extends React.Component {
                 render(){
                    return 
                    
                    
                
                 }
            }
            class Todo_App extends React.Component {
                    render(){
                        return 
                    What do you want to do today?
                    
                
                    }
            }
            class Todo_List extends React.Component{
              render() { return 
                    
                      
                    task 1
                
                
            }
            }
            function Todo_Checkbox() {
                return 
            }
            ReactDOM.render(,document.getElementById('root'))