2016-08-30 3 views
0

私はCodecademyて反応し、それが尋ねる学んでいる:ライン20でcodecademyの反応コンポーネントクラス、何が問題なのですか?

を、友達という名前の新しい変数を宣言します。

FriendをReact.createClass()で作成したコンポーネントクラスと同等に設定します。

React.createClass()にオブジェクトを渡します。

このオブジェクトには1つのプロパティを指定します。プロパティの名前をレンダリングします。

この機能プロパティの値を作成します。私のコードはこれです

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>); 
    } 

}); 

どこ私は把握することはできません'm w rong

+0

このコンポーネントを実際にレンダリングする場所(ReactDOM.render、インポートしている反応DOMが機能するはずです)は表示されません。友だちを渡したり、必要な小道具からレンダリングしたりしていませんそれを渡す。あなたはそれをレンダリングし、それをレンダリングして渡す必要があります。レンダリングするときに ''のようにして、渡された小道具 'friends'を使ってjsxでレンダリングします。 – ajmajmajma

+0

私は知っていますが、codecademyはすべてのステップをチェックして正しいかどうかを確認します。次のステップは、コンポーネントをおそらくレンダリングすることです。 –

+0

私はどのように厳密にあなたのコードを検証するのか分かりませんが、私はdiv関数のレンダリング関数の返り値が本当にオフであると言うことができます。たぶんそれはlintsとそれを好きではない? – ajmajmajma

答えて

0

ばかげ誤差、反応しReactDOMは

varは=は( '反応')を必要と反応させvarキーワードを有するべきです。 var ReactDOM = require( 'react-dom');

-1

いいですね。あなたのコードが正しくあなたのコードを検証するように、スペース(Friend = React...function() {)とインデントを入れなければならないのでしょうか?

関連する問題