React Fundamentals: JSX Bonus

scrimba

Watch in fullscreen

React Fundamentals: JSX Bonus - Fragments

by Flatiron SE Curriculum

About

Comments

Notes

React Fundamentals: JSX Bonus - Fragments

by Flatiron SE Curriculum

Expand for more info

index.js

run

preview

console

import React from "react"
import ReactDOM from "react-dom"

function createCard(greeting, subheader) {
  return (
    <div>
      <h1>{greeting}</h1>
      <h2>{subheader}</h2>
    </div>
  )
}

const element = (
  <div>
    {createCard("What are fragments?", "Let's find out!")}
    {createCard("Hello from JSX!", "Time to learn")}
  </div>
)

ReactDOM.render(element, document.getElementById("root"))

import React from "react"

import ReactDOM from "react-dom"

function createCard(greeting, subheader) {

return (

<div>

<h1>{greeting}</h1>

<h2>{subheader}</h2>

</div>

)

}

const element = (

<div>

{createCard("What are fragments?", "Let's find out!")}

{createCard("Hello from JSX!", "Time to learn")}

</div>

)

ReactDOM.render(element, document.getElementById("root"))

-2:35