--------------- APP page ---------------- // custo tag by the programmer in React -- are not html tag <Note title = "The first note" detail = "note Detail" /> <Note title = "The second note" detail = "note Detail" /> ---------------- Note Page html page ------------ function Note(props){ return ( <div className="note"> <h1>{props.title}</h1> <p>{props.detail}</p> </div> ) }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter