今週の週末に反応を覚え、JSFiddleでうまくいきましたが、私は4番目のコンポーネント(var gooBye ...)を追加することにしました。これを引き起こしている可能性のあることについての考えはありますか?エラーはコンポーネント名は、例えば、大文字で始めるべき JSFiddle React components反応コンポーネントの読み込みの問題
var Hello = React.createClass({
render: function() {
return <div>Hello {this.props.name}</div>;
}
});
var testButton = React.createClass({
\t render: function() {
\t \t return <button name="button">Click</button>;
}
});
var goodBye = React.createClass({
\t render: function() {
\t \t return <div>GoodBye</div>;
}
});
React.render(
\t <Hello name="People" />,
\t document.getElementById('myClass');
);
ReactDOM.render(
\t testButton(),
document.getElementById('test2');
);
React.render(
<goodBye />,
document.getElementById('test3');
);
<div id="myClass">
</div>
<div id="test1">
</div>
<div id="test2">
</div>
<div id="test3">
</div>
<script type="text/jsx">
\t \t \t ReactDOM.render(
\t <h1>Test component in html body</h1>,
document.getElementById('test');
);
</script>
</body>
恩赦私はあなただけのReactDOMを使用する必要があり、トラブルシューティング –
にしようとしていた「ReactDOMは」、react.renderは先端のために – JordanHendrix