我对 JavaScript 和 React 非常陌生,我知道 chrome 开发工具中的“Sources\xe2\x80\x9d”选项卡应该让我在浏览器中查看我的 JavaScript 文件,但事实并非如此。\n我认为这就是该程序没有实现其预期目的的原因。
\n\n索引.html-
\n\n<!DOCTYPE html>\n<html>\n\n <head>\n <meta charset="utf-8">\n <title>Project One</title>\n <link rel="stylesheet" href="./semantic-dist/semantic.css" />\n <link rel="stylesheet" href="./style.css" />\n <script src="vendor/babel-standalone.js"></script>\n <script src="vendor/react.js"></script>\n <script src="vendor/react-dom.js"></script>\n\n </head>\n\n <body>\n <div class="main ui text container">\n <h1 class="ui dividing centered header">Popular Products</h1>\n <div id="content"></div>\n </div>\n\n <script src="./js/seed.js"></script>\n <script type="text\\babel" data-plugins= "transform-class-properties" src="./js/app.js"></script>\n <!-- Delete the script tag below to get started. -->\n </body>\n\n</html>\n\napp.js-\n\nclass ProductList extends React.Component {\n render() {\n return(\n <div className = \'ui unstackable items\'>\n …Run Code Online (Sandbox Code Playgroud)