✅ Render HTML in ReactJS

In ReactJS, rendering HTML is a fundamental concept. React uses JSX (JavaScript XML) to write HTML-like code directly within JavaScript.

📌 1. Rendering Static HTML

You can write HTML directly using JSX.

Example:

jsx
<div>      <ul>      {fruits.map((fruit, index) => (        <div>      {isLoggedIn ? <div>      {showMessage && <div <p>{text}<div>      <h1>Component Rendering Example</h1>      <Message text="This is a reusable component!" />    </div>  );};export default App;

🛠 Explanation:

• Components act like custom HTML tags (<Message />).

• Props (text) pass data to components.

✅ Final Thoughts

• Use JSX for writing HTML in React.

• Use {} to embed JavaScript expressions.

• Use .map() for rendering lists.

• Use conditional rendering for dynamic content.

• Be cautious with dangerouslySetInnerHTML for raw HTML.