Skip to content

Commit 3d16406

Browse files
committed
Corregido datos en app.jsx Jumbotron
1 parent 2e5e113 commit 3d16406

File tree

1 file changed

+13
-25
lines changed

1 file changed

+13
-25
lines changed

exercises/03.4-jumbotron/app.jsx

Lines changed: 13 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,23 @@
1-
import React from "react";
2-
import ReactDOM from "react-dom";
3-
import PropTypes from "prop-types";
1+
import React from 'react';
2+
import ReactDOM from 'react-dom';
3+
import PropTypes from 'prop-types';
44

55
const HeroSection = (props) => {
6-
// Here you have to return expected html using the properties being passed to the component
7-
return (
8-
<div className="bg-light p-5 m-5">
9-
<h1 className="display-4">{props.title}</h1>
10-
<p className="lead">{props.description}</p>
11-
<a className="btn btn-primary btn-lg" href={props.buttonURL} role="button">
12-
{props.buttonLabel}
13-
</a>
14-
</div>
15-
);
6+
// Here you have to return expected html using the properties being passed to the component
167
};
178

189
HeroSection.propTypes = {
19-
// PropTypes here
20-
title: PropTypes.string,
21-
description: PropTypes.string,
22-
buttonLabel: PropTypes.string,
23-
buttonURL: PropTypes.string,
10+
// PropTypes here
11+
title: PropTypes.string,
2412
};
2513

2614
ReactDOM.render(
27-
<HeroSection
28-
title="Welcome to React!"
29-
description="React is the most popular rendering library in the world"
30-
buttonLabel="Go to the official website"
31-
buttonURL="https://reactjs.org/"
32-
/>,
15+
<HeroSection
16+
title="Welcome to React!"
17+
description="React is the most popular rendering library in the world"
18+
buttonLabel="Go to the official website"
19+
buttonURL="https://reactjs.org/"
20+
/>,
3321

34-
document.querySelector("#myDiv")
22+
document.querySelector('#myDiv')
3523
);

0 commit comments

Comments
 (0)