2017-10-13 2 views
0

Je commence juste le développement web Je vais essayer de donner toutes les informations pertinentes, pour commencer, j'utilise web storm (IDE) et meteor réagit. Maintenant, je suis suivi d'un tutoriel et ne peux pas comprendre pourquoi le code ci-dessous ne fonctionne pas. Plus précisément, la partie reactDOM.render.Problèmes avec 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') 
); 

Lorsque je tente d'hébergement sur place ce qui précède, rien ne se passe d'ailleurs le titre étant réglé sur "Projet personnel". Toute aide serait appréciée ainsi que des conseils de débogage. S'il vous plaît gardez à l'esprit Web Storm, Meteor et React sont tous nouveaux pour moi.

+0

Avez-vous essayé suivant le fonctionnaire Meteor/React tutoriel? Vous devez afficher l'application React dans le rappel de démarrage de Meteor: https://www.meteor.com/tutorials/react/components – sbking

Répondre

0

Vous avez une faute de frappe dans le nom de la méthode:

document.getElementsById('root') 

Il devrait être:

document.getElementById('root')