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