我正在使用codepen.io 来启动reactjs 的示例程序。下面是我的完整代码。不知道为什么 RenderDOM 没有正确渲染组件
HTML
<div class="person">
<h1> Raj </h1>
<p> Age 27 </p>
</div>
CSS
.person{
margin: 10px;
border: 1px solid #eee;
box-shadow: 0 2px 2px #ccc;
width: 200px;
padding: 20px;
}
JS(巴别塔)
function Person()
{
return
(
<div className="person">
<h1> Nandhi </h1>
<p> Age 27 </p>
</div>
);
}
ReactDOM.render(<Person />,
document.querySelector('#p1'));
最佳答案
问题出在 Person
内的 return 语句:
return
(
)
将其更改为:
return (
)
如果 return
末尾没有任何内容,表明表达式正在运行到下一行,则 JavaScript 返回 undefined
。
关于javascript - 渲染我的组件后,codepen 上没有输出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55342146/