import './App.css';
const Person = (props) => {
return (
<div className="App">
<>
<h1>Name:{props.name}</h1>
<h2>Last Name: {props.lastName} </h2>
<h3>Age: {props.age}</h3>
</>
</div>
);
}
const App = () => {
return (
<div className="App">
<Person name={'Tylil'} lastName={'Tsunade'} age={26} />
<Person name={'Kai'} lastName={'Cenat'} age={19 + 3} />
</div>
)
}
export default App;
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