Javascript reactjs中es6映射的意外令牌

我在jsx中有这样一个数组，其中有一个类似于

breadcrumb=['food'，'hotdogt']

的数组，但是我得到了一个

意外标记的错误。

{breadcrumb.map(obj => {
   {obj}
})}

这样写：

{
    breadcrumb.map(obj => {
         return <div> {obj} </div>
    })
}

{}

在

html

元素中使用

js

代码时，需要使用大括号，您使用的是

{obj}

但没有使用任何

html

元素。而且您也忘了使用

return

检查此示例：

var breadcrumb=['food'，'hotdogt']；
变量应用=（）=>{
返回(
{
breadcrumb.map（obj=>
{obj}
）
}
{
面包屑.map（（obj，i）=>{
返回
{obj}
{i！=breadcrumb.length-1？->:null}
})
}
)
}
ReactDOM.render（，document.getElementById（'app'））

这样写：

{
    breadcrumb.map(obj => {
         return <div> {obj} </div>
    })
}

{}

在

html

元素中使用

js

代码时，需要使用大括号，您使用的是

{obj}

但没有使用任何

html

元素。而且您也忘了使用

return

检查此示例：

var breadcrumb=['food'，'hotdogt']；
变量应用=（）=>{
返回(
{
breadcrumb.map（obj=>
{obj}
）
}
{
面包屑.map（（obj，i）=>{
返回
{obj}
{i！=breadcrumb.length-1？->:null}
})
}
)
}
ReactDOM.render（，document.getElementById（'app'））

尝试将

map

函数的结果保存到一个变量中，并将该变量放入渲染中，而不是以前的方法。@jdhrnts我是在jsbin中这样做的。你能发布到该资源的链接吗？

.map（）

不是es6函数。从

.map（）返回的值不存在

在

javascript

的问题中，结果将是

[未定义，未定义]

尝试将

map

函数的结果保存到变量中，并将该变量放入渲染中，而不是以前的方法。@jdhrnts我在jsbin中这样做了。您可以发布到该资源的链接吗？“es6 map”

.map（）

不是ES6函数。在

javascript

中没有从

.map（）

返回任何值，结果将是

[未定义，未定义]

谢谢，但我在jsx中使用html，您想要这样的结果：a->b->c->d->e？？如果a，b，c，d，e将是数组的项。正确，但是我搞错了jsx中的html标记，我搞错了连接。

->

应该被包装在标签中，这样我就可以设置它们的样式。我无法使项目具有当前样式，因为所有内容都在一个范围内，这是一个问题。检查更新的答案，如果您需要任何其他帮助，请告诉我：）谢谢，但我在jsx中使用html。您想要这样的结果：a->b->c->d->e？？如果a，b，c，d，e将是数组的项。正确，但是我搞错了jsx中的html标记，我搞错了连接。

->

应包装在标记中，以便我可以设置它们的样式。我无法使项目具有当前样式，因为所有内容都在一个范围内，这是一个问题。请检查更新的答案，如果需要任何其他帮助，请通知我：）

{
   breadcrumb.map(obj => obj)
}