0
私はリアクションチュートリアルを習得しました。 コンポーネントの作成例を試してみると、空白のページが表示されます。 コンポーネントが1つだけの場合は正常です。 私は何度も質問を検索し、他の人に尋ねるのがとても簡単だと思われます... 以下、私のコードです、ありがとうございます。リアクションチュートリアル：コンポーネントを作成すると空白ページが表示される
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>React Tutorial</title>
<link rel="stylesheet" href="css/base.css" />
<script src="https://unpkg.com/[email protected]/dist/react.js"></script>
<script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script>
<script src="https://unpkg.com/[email protected]/babel.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/remarkable.min.js"></script>
</head>
<body>
<div id="content"></div>
<script type="text/babel">
var CommentList = React.createClass({
render: function() {
return (
<div className = "commentList">
Hello, world! I am a CommentList.
</div>
);
}
});
var ComentForm = React.createClass({
render: function() {
return (
<div className = "commentForm">
Hello, world! I am a CommentForm.
</div>
);
}
});
var CommentBox = React.createClass({
render: function() {
return (
<div className = "commentBox">
<h1>Comments</h1>
<CommentList />
<CommentForm />
</div>
);
}
});
ReactDOM.render(
<CommentBox />,
document.getElementById('content')
);
</script>
</body>
</html>
に綴り.correct
var ComentForm =のようにそれを定義しているが、あなたの簡単なタイピング'var ComentForm ='のように定義しています。CommentForm – XYZありがとうございます...今は正常です。私はとてもばかげています........ –
私はそれを投稿しました。答えは – XYZ