What are the rules of JSX?

React JSX, components and props · Freshers

Model answer

A component must return one parent element or a fragment (<>...</>). Every tag must be closed, including <img /> and <input />. Attributes use camelCase, such as onClick and className. You cannot use statements like if or for inside JSX, but you can use expressions: ternaries, &&, and map.

Curly braces switch from markup to JavaScript.

Learn this topic

React Components and Props Explained with Examples in the course React.js Full Course: Beginner to Advanced.

Sign in to add your own answer.

More questions

• What is JSX?
• What is a component? What is the difference between a function and a class component?
• What are props, and can a component change its own props?
• What is the children prop?
• How do you render a list in React, and why do you need a key?
• What is a fragment and why would you use it?