Component Basics

scrimba

Watch in fullscreen

Component Basics

by Flatiron SE Curriculum

About

Comments

Notes

Component Basics

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("Hello from JSX!", "Time to learn")}
    {createCard("What's a component?", "Let's find out!")}
  </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("Hello from JSX!", "Time to learn")}

{createCard("What's a component?", "Let's find out!")}

</div>

)

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

-5:34