流星/反應問題，getElementById

剛開始網絡開發時，我會嘗試提供所有相關信息，開始我使用網絡風暴（IDE）和流星反應。現在我正在跟着一個教程，不知道爲什麼下面的代碼不工作。特別是reactDOM.render部分。流星/反應問題，getElementById

HTML

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


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

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') 
);

當我嘗試在本地主機上，沒有任何反應，除了標題設置爲「個人項目」。任何幫助，將不勝感激，以及調試技巧。請記住Web風暴，Meteor和React對我來說都是新的。

來源

2017-10-13 J.Schneider

您是否嘗試過繼官方流星/陣營教程？您需要在Meteor啓動回調中呈現React應用程序：https://www.meteor.com/tutorials/react/components – sbking

你有方法的名稱拼寫錯誤：

document.getElementsById('root')

它應該是：

document.getElementById('root')

來源

2017-10-13 23:37:38 Styx

流星/反應問題，getElementById

回答

相關問題