我有一個惱人的問題。我今天開始使用ReactJS,並且正在嘗試在實踐中學習一些東西。但是,它返回這個錯誤:附上標籤ReactJS
Adjacent JSX elements must be wrapped in an enclosing tag (47:14)
而這裏的代碼:
var Row = React.createClass({
displayName: "Row",
render: function() {
return <div className="row">{this.props.content}</div>
}
});
var Title = React.createClass({
displayName: "Title",
getDefaultProps: function() {
return {
className: ""
}
},
render: function() {
<h1 className={this.props.className}>{this.state.content}</h1>
}
});
var Paragraph = React.createClass({
displayName: "Paragraph",
getDefaultProps: function() {
return {
className: ""
}
},
render: function() {
<p className={this.props.className}>{this.state.content}</p>
}
});
var Jumbotron = React.createClass({
displayName: "Jumbotron",
render: function() {
return <div className={this.props.className}>
{this.props.content}
</div>
}
});
var Header = React.createClass({
displayName: "Header",
render: function() {
return <Row content=
<Jumbotron className="jumbotron col-md-12" content=
<Title content="Conhecimento Livre" />
<Paragraph content="Quem busca o conhecimento e o acha, obterá dois prêmios: um por procurá-lo, e outro por achá-lo. Se não o encontrar, ainda restará o primeiro prêmio." />
/>
/>
}
});
ReactDOM.render(<Header />, document.getElementById('main'));
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Conhecimento Livre</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="build/react.js"></script>
<script src="build/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
<script type="text/babel" src="src/app.js"></script>
</head>
<body>
<div id="main">
<div class="row">
<div class="jumbotron col-md-12">
<h1>Conhecimento Livre</h1>
<p>Quem busca o conhecimento e o acha, obterá dois prêmios: um por procurá-lo, e outro por achá-lo. Se não o encontrar, ainda restará o primeiro prêmio.</p>
</div>
</div>
</div>
</body>
</html>
趁着會問你的意見是獲得代碼。記住我開始了。
JSX不能片段AFAIR,所以你應該有類似''
@zb'我把