2017-10-13 27 views
0

ちょうどウェブ開発を開始しようとしています。私はウェブストーム(IDE)と流星反応を使っています。今私はチュートリアルに沿って、以下のコードがうまくいかない理由を理解できません。特に、reactDOM.render部分。meteor/react、getElementByIdの問題

HTML

<head> 
    <title>Personal Project</title> 
</head> 


<body> 
    <div id = "root"></div> 
</body> 

JS

import React from 'react'; 
import ReactDOM from 'react-dom'; 

function formatName(user) { 
    return user.firstName + ' ' + user.lastName; 
} 

const user = { 
    firstName: 'Justin', 
    lastName: 'Schneider' 
}; 

const element = (
    <h1> Hello, {formatName(user)}!</h1> 
); 

ReactDOM.render(
    element, 
    document.getElementsById('root') 
); 

私は上記をホストするローカルにしようとすると、何も "個人的なプロジェクト" に設定されているタイトル以外にも起こりません。どんな助けも、デバッグのヒントと同様に評価されるでしょう。ウェブの嵐、流星、リアクションはすべて私には新しいことを覚えておいてください。

+0

あなたは流星が/チュートリアルリアクト公式以下試したことがありますか? ReactアプリケーションをMeteorのスタートアップコールバックにレンダリングする必要があります:https://www.meteor.com/tutorials/react/components – sbking

答えて

0

あなたは、メソッド名のタイプミスがあります

document.getElementsById('root') 

それは次のようになります。

document.getElementById('root')