React componentClass on codecademy，出了什麼問題？

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

來源

2016-08-30 Alessandro Carrese

我沒有看到你在哪裏實際渲染這個組件（ReactDOM.render，你正在導入的react-dom應該可以工作），你沒有通過它的朋友，也沒有從道具中渲染它通過它。你需要渲染並傳遞它的朋友，當你渲染它時，像'<朋友freinds = {朋友} />'，然後使用傳遞的道具'朋友'在該jsx中渲染它。 – ajmajmajma

我知道，但codecademy檢查每一步，看看是否正確。接下來的步驟可能是渲染組件。 –

我不知道它是如何嚴格驗證你的代碼，但我可以說div的間距和返回渲染函數是真的關閉。也許它弄髒了，不喜歡它？ – ajmajmajma

可笑錯誤，反應並ReactDOM應具有var關鍵字

var陣營=要求（ '反應'）; var ReactDOM = require（'react-dom'）;

來源

2016-09-01 23:51:34

-1

看起來沒問題。也許你必須放一些空格（Friend = React...,function() {）和更好的縮進，以便他們的檢查可以正確地驗證你的代碼？

來源

2016-08-30 15:58:26

React componentClass on codecademy，出了什麼問題？

回答

相關問題