This commit is contained in:
Rachel Ruderman 2020-07-03 00:18:08 -07:00
parent da8ee42120
commit 8cb4eac9d0
3 changed files with 6 additions and 4 deletions

View File

@ -7,7 +7,7 @@
<body> <body>
<!-- We will put our React component inside this div. --> <!-- We will put our React component inside this div. -->
<div id="medium_blog_container"></div> <div id="react-container"></div>
<!-- Load React. --> <!-- Load React. -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". --> <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
@ -15,7 +15,7 @@
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script> <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<!-- Load our React component. --> <!-- Load our React component. -->
<script src="MediumPost/index.js"></script> <script src="react/MediumPost/index.js"></script>
</body> </body>
</html> </html>

View File

@ -53,4 +53,5 @@ var MediumPost = function MediumPost() {
); );
}; };
var domContainer = document.querySelector('#medium_blog_container');ReactDOM.render(React.createElement(MediumPost, null), domContainer); var domContainer = document.getElementById('react-container');
ReactDOM.render(React.createElement(MediumPost, null), domContainer);

View File

@ -37,4 +37,5 @@ const MediumPost = () => {
); );
} }
const domContainer = document.querySelector('#medium_blog_container');ReactDOM.render(<MediumPost/>, domContainer); const domContainer = document.getElementById('react-container');
ReactDOM.render(<MediumPost/>, domContainer);