React.createElementが機能しない

Reactを使用してHTMLページに何もロードされていない理由を理解するのに助けてもらえますか？表示されるエラーは、15行目のSyntaxError（予期しないトークン）です。React.createElementが機能しない

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Venos</title> 
</head> 
<body> 
    <div id="app"> 
    <div id="react-app"> 

    </div> 
    </div> 
    <script type="text/javascript"> 
    var venosHeader = { 
     React.createElement('div', {class: 'randomBody'}, 
     React.createElement('h2', {}, 'I love Cole...') 
    ) 
    }; 
    ReactDOM.render(venosHeader, document.getElementById('react-app')); 
    </script> 
    <script src="https://cdn.jsdelivr.net/react/0.14.0-rc1/react.js"></script> 
    <script src="https://cdn.jsdelivr.net/react/0.14.0-rc1/react-dom.js"></script> 
</body> 
</html>

私はまだReactには新しく、解決策を見つけることができません。

出典

2016-12-19 Jason Procka

あなたはどのようなエラーを取得しています

はこのようなものでしょうか？ –

{class： 'randomBody'}あなたは{className： 'randomBody'}を意味しますか？ –

var venosHeader = { 
    React.createElement('div', {class: 'randomBody'}, 
    React.createElement('h2', {}, 'I love Cole...') 
) 
};

これは有効なjavascriptではありません。

var venosHeader = React.createElement('div', {className: 'randomBody'}, 
    React.createElement('h2', {}, 'I love Cole...') 
);

出典

2016-12-19 14:32:53

{class： 'randomBody'}の代わりに{className： 'randomBody'}のReact =の原因 –

@ Mr.Duckありがとう、私はあなたの編集をしました。 –

React.createElementが機能しない

答えて

関連する問題