Skip to content

Instantly share code, notes, and snippets.

@karimmakhloufi
Created April 15, 2021 08:07
Show Gist options
  • Save karimmakhloufi/8e763490d1676b764f6a127e75caa497 to your computer and use it in GitHub Desktop.
Save karimmakhloufi/8e763490d1676b764f6a127e75caa497 to your computer and use it in GitHub Desktop.
import "./App.css";
import PropTypes from "prop-types";
import Wilder from "./Wilder";
const wilderArray = [
{
title: "new title 1",
name: "new name 1",
},
{
title: "new title 2",
name: "new name 2",
},
{
title: "new title 3",
name: "new name 3",
},
];
function App() {
return (
<div>
<header>
<div className="container">
<h1>Wilders Book</h1>
</div>
</header>
<main className="container">
<h2>Wilders</h2>
<section className="card-row">
{wilderArray.map((el) => (
<Wilder {...el} />
))}
</section>
</main>
<footer>
<div className="container">
<p>&copy; 2020 Wild Code School</p>
</div>
</footer>
</div>
);
}
Wilder.propTypes = {
name: PropTypes.string.isRequired,
};
export default App;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment