Javascript React.Js-won'；t呈现我的代码-是否可能'；什么是网页问题？
目前正在尝试学习react.js，希望得到一些帮助 基本上，我无法让这个代码呈现，这让我发疯，我想知道这是否与代码有关，而是与网页无法正常工作有关 以下是代码-感谢您的帮助：Javascript React.Js-won'；t呈现我的代码-是否可能'；什么是网页问题？,javascript,webpack,Javascript,Webpack,目前正在尝试学习react.js，希望得到一些帮助 基本上，我无法让这个代码呈现，这让我发疯，我想知道这是否与代码有关，而是与网页无法正常工作有关 以下是代码-感谢您的帮助： - Body.jsx import React from "react"; import ReactDOM from "react-dom"; /* Styles */ import Button from 'react-bootstrap/lib/Button'; import Grid from 'react-bo
- Body.jsx
import React from "react";
import ReactDOM from "react-dom";
/* Styles */
import Button from 'react-bootstrap/lib/Button';
import Grid from 'react-bootstrap/lib/Grid';
import Jumbotron from 'react-bootstrap/lib/Jumbotron';
import Row from 'react-bootstrap/lib/Row';
import Col from 'react-bootstrap/lib/Col';
const BodyComponent = React.createClass({
render: function() {
return (
<div>
<Jumbotron>
<Grid>
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large
callout called a jumbotron and three supporting pieces of content. Use it as a starting
point to create something more unique.</p>
</Grid>
</Jumbotron>
<Grid>
<Row>
<Col md={4}>
<h2>Heading</h2>
<p>Adipisicing ratione incidunt eaque expedita rerum porro inventore. Nihil sit ipsam iure
officiis sit eos at quibusdam natus dignissimos natus dolore! Vel doloremque ipsa alias
nihil harum laborum necessitatibus rerum?</p>
<p><Button>View details »</Button></p>
</Col>
<Col md={4}>
<h2>Heading</h2>
<p>Sit quia nemo quis enim provident porro eaque accusamus tenetur provident aliquid
commodi? Velit nesciunt maiores obcaecati totam praesentium sint vitae exercitationem
quaerat maxime iusto et! Consequatur aspernatur sit impedit.</p>
<p><Button>View details »</Button></p>
</Col>
<Col md={4}>
<h2>Heading</h2>
<p>Dolor aliquid dolores perferendis repellendus cum! Quam maiores blanditiis cupiditate
voluptatibus voluptas aliquid nisi placeat tempora. Rem debitis accusamus pariatur
officia corrupti. Architecto fuga reiciendis quos rem hic? Suscipit dignissimos.</p>
<p><Button>View details</Button></p>
</Col>
</Row>
</Grid>
</div>
);
}
});
ReactDOM.render(
BodyComponent,
document.getElementByID('container')
);
This is the html part of the equation.
- index.html
<!DOCTYPE html>
<html>
<head>
<title>React! React! React!</title>
<span id = "Heading"> </span>
<script src="dev/index.jsx"></script>
</head>
<body>
<span id='container'> </span>
<script src="output/myCode.js"></script>
</body>
</html>
-Body.jsx
从“React”导入React；
从“react dom”导入react dom；
/*风格*/
从“react bootstrap/lib/Button”导入按钮；
从“react bootstrap/lib/Grid”导入网格；
从“react bootstrap/lib/Jumbotron”导入Jumbotron；
从“react bootstrap/lib/Row”导入行；
从“react bootstrap/lib/Col”导入Col；
const BodyComponent=React.createClass({
render:function（）{
返回(
你好，世界！
这是一个简单的营销或信息网站的模板。它包括一个大型
调用称为jumbotron和三个支持内容。将其用作开始
指向创建更独特的东西
标题
为发明人提供合理的费用，但不包括在内
工作坊位于quibusdam natus Dignessimos natus dolore！Vel doloremque ipsa alias
你需要做什么
查看详细信息»
标题
你可以坐在一个不动产的地方
通常情况下，在进行生命实践时，不需要进行任何检查
请把它放在一个侧面，让它保持最大的质量
查看详细信息»
标题
白兰地铜酸盐驱避剂
暂时性快速眼动性软弱无力
腐败的官方建筑。建筑设计师，他们的作品是什么
查看详细信息
);
}
});
ReactDOM.render(
车身组件，
document.getElementByID（'容器'）
);
这是等式的html部分。
-index.html
反应反应反应
再次感谢大家的帮助 控制台错误？什么是
dev/index.jsx输出/myCode.js