流星/反应问题，getElementById

Question

刚开始Web开发时，我将尝试给出所有相关信息，以开始使用Web Storm（IDE）和流星反应。 现在，我按照教程进行操作，无法弄清楚下面的代码为什么不起作用。 特别是reactDOM.render部分。

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

当我尝试在本地托管以上内容时，除了标题设置为“个人项目”之外，什么都没有发生。 任何帮助将不胜感激以及调试技巧。 请记住，Webstorm，Meteor和React对我来说都是新手。

Answer 1

您在方法名称中有错字：

document.getElementsById('root')

它应该是：

document.getElementById('root')

流星/反应问题，getElementById

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-10-13 23:37:38

流星/反应问题，getElementById

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-10-13 23:37:38

解决方案1
0 已采纳 2017-10-13 23:37:38