Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript codecademy上的React componentClass,what';怎么了?_Javascript_Reactjs - Fatal编程技术网

Javascript codecademy上的React componentClass,what';怎么了?

Javascript codecademy上的React componentClass,what';怎么了?,javascript,reactjs,Javascript,Reactjs,我正在通过Codecademy学习React,它会问: 在第20行,声明一个名为Friend的新变量 将Friend设置为一个组件类,由React.createClass()生成 将对象传递给React.createClass() 给这个对象一个属性。使属性的名称呈现 将属性值设为此函数: function(){ `return (` `<div>` `</div>` `);` 我想不出我错在哪里了这似乎没问题。也许你必须放一些空格(Friend=Rea

我正在通过Codecademy学习React,它会问:

在第20行,声明一个名为Friend的新变量

将Friend设置为一个组件类,由React.createClass()生成

将对象传递给React.createClass()

给这个对象一个属性。使属性的名称呈现

将属性值设为此函数:

function(){

 `return (`
   `<div>`
   `</div>`
 `);`

我想不出我错在哪里了

这似乎没问题。也许你必须放一些空格(
Friend=React…
function(){
)和更好的缩进,以便他们的检查能正确验证你的代码?

可笑的错误,React和ReactDOM应该有var关键字

var
React=require('React');
var
ReactDOM=require('react-dom')


我看不出您实际在哪里呈现这个组件(ReactDOM.render,您正在导入的ReactDOM应该可以工作),您没有将其传递给好友,也没有从您应该传递的道具中进行渲染。您需要渲染并传递它为好友,例如在渲染它时,使用传递的道具
好友
在该jsx中进行渲染。我知道,但编解码器会检查每一步是否正确。接下来的步骤将是可能是渲染组件。我不知道它对代码的验证有多严格,但我可以说渲染函数中div和return的间距真的是关闭了。可能是它忽略了这一点,并且不喜欢它?
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>);
   }

 });