2016-08-30 84 views
0

我正在通过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

+0

我没有看到你在哪里实际渲染这个组件(ReactDOM.render,你正在导入的react-dom应该可以工作),你没有通过它的朋友,也没有从道具中渲染它通过它。你需要渲染并传递它的朋友,当你渲染它时,像'<朋友freinds = {朋友} />',然后使用传递的道具'朋友'在该jsx中渲染它。 – ajmajmajma

+0

我知道,但codecademy检查每一步,看看是否正确。接下来的步骤可能是渲染组件。 –

+0

我不知道它是如何严格验证你的代码,但我可以说div的间距和返回渲染函数是真的关闭。也许它弄脏了,不喜欢它? – ajmajmajma

回答

0

可笑错误,反应并ReactDOM应具有var关键字

var阵营=要求( '反应'); var ReactDOM = require('react-dom');

-1

看起来没问题。也许你必须放一些空格(Friend = React...,function() {)和更好的缩进,以便他们的检查可以正确地验证你的代码?