我正在通过Codecademy学习React,它询问:React componentClass on codecademy,出了什么问题?
在第20行,声明一个名为Friend的新变量。
将好友等同于使用React.createClass()创建的组件类。
将对象传递给React.createClass()。
给这个对象一个属性。使属性的名称呈现。
使属性的值,这样的功能:
function() {
`return (` `<div>` `</div>` `);`
}
我的代码是这样的:
React=require('react');
ReactDOM=require('react-dom');
var friends = [
{
title: "Yummmmmmm",
src: "https://s3.amazonaws.com/codecademy-content/courses/React/react_photo-monkeyweirdo.jpg"
},
{
title: "Hey Guys! Wait Up!",
src: "https://s3.amazonaws.com/codecademy-content/courses/React/react_photo-earnestfrog.jpg"
},
{
title: "Yikes",
src: "https://s3.amazonaws.com/codecademy-content/courses/React/react_photo-alpaca.jpg"
}
];
var Friend=React.createClass({
render: function(){
return (
<div>
</div>);
}
});
我想不通,我'w w rong
我没有看到你在哪里实际渲染这个组件(ReactDOM.render,你正在导入的react-dom应该可以工作),你没有通过它的朋友,也没有从道具中渲染它通过它。你需要渲染并传递它的朋友,当你渲染它时,像'<朋友freinds = {朋友} />',然后使用传递的道具'朋友'在该jsx中渲染它。 – ajmajmajma
我知道,但codecademy检查每一步,看看是否正确。接下来的步骤可能是渲染组件。 –
我不知道它是如何严格验证你的代码,但我可以说div的间距和返回渲染函数是真的关闭。也许它弄脏了,不喜欢它? – ajmajmajma