Reactjs XJS值应该是表达式或引用的XJS文本

我对编程非常陌生，开始做我发现的练习

我一直在试图建立这个，但不，我一直得到这个错误，帮助

未捕获错误：解析错误：第16行：XJS值应为表达式或引用的XJS文本（…）

你的第一个项目
/*在这里添加您的代码*/
风险值数据={
姓名：“约翰·史密斯”，
伊姆古尔：'http://lorempixel.com/100/100/',
爱好列表：[“编码”、“写作”、“滑雪”]
};
var App=React.createClass({
render:function（）{
返回(
);
}
});
var Profile=React.createClass({
render:function（）{
返回(
{this.props.name}
);
}
});
var=React.createClass({
render:function（）{
var hobbies=this.props.hobbyList.map（函数（hobby，index）{
返回(
我的爱好：
{爱好}
)
}
);
}
});
ReactDom.render（，document.getElementById（'content'））；

好的，有几件事：

你忘了一些道具周围的花括号了。因此，您需要的不是

，而是

。这导致了你在这个问题的标题中提到的错误

不确定您为什么在配置文件组件中使用

this.source

。返回未定义的。相反，使用您已经传递的道具（

this.props.imgURL

）

在嗜好组件中，您的迭代不是100%有效。尝试只迭代

元素（您的爱好），然后将它们放入下面的

ul

标记中

我已经修复了代码的这些部分，希望这会有所帮助。这只是小事，没什么大不了的。玩得开心

var数据={
姓名：“约翰·史密斯”，
伊姆古尔：'http://lorempixel.com/100/100/',
爱好列表：[“编码”、“写作”、“滑雪”]
};
var App=React.createClass({
render:function（）{
返回(
);
}
});
var Profile=React.createClass({
render:function（）{
返回(
{this.props.name}
);
}
});
var=React.createClass({
render:function（）{
var hobbies=this.props.hobbyList.map（函数（hobby，index）{
返回
{hobby}
；
});
返回(
我的爱好：
{爱好}
);
}
});
ReactDOM.render（，document.getElementById（'content'））

非常感谢Fabian！我真的不知道我是从哪里得到这个消息的，我应该对{}有更多的了解，而且我的爱好突然变得很清楚，我不应该错过，很高兴我能帮上忙。如果我的答案解决了您的问题，请单击大复选框接受它作为答案。