[英]Unexpected token with es6 map in reactjs
I have this in jsx where is an array like breadcrumb = ['food','hotdogt']
but I got an error of unexpected token .
我在jsx中有这个像breadcrumb = ['food','hotdogt']
这样的数组但是我收到了unexpected token .
的错误unexpected token .
? ?
{breadcrumb.map(obj => {
{obj}
})}
Write it like this: 写这样:
{
breadcrumb.map(obj => {
return <div> {obj} </div>
})
}
or 要么
{
breadcrumb.map(obj => <div> {obj} </div>)
}
or 要么
{
breadcrumb.map(obj => obj)
}
{}
braces are required when you are using js
code inside html
element, you are using {obj}
but didn't use any html
element. {}
当您使用大括号需要js
里面的代码html
元素,您使用{obj}
,但没有使用任何html
元素。 And you forgot to use return
also. 而你也忘了使用return
。
Check this example: 检查此示例:
var breadcrumb = ['food','hotdogt']; var App = () => { return( <div> { breadcrumb.map(obj => <p key={obj}> {obj} </p>) } { breadcrumb.map((obj, i) => { return <span key={obj}> <span className="bold"> {obj} </span> {i != breadcrumb.length -1 ? <span className="seperator"> -> </span> : null} </span> }) } </div> ) } ReactDOM.render(<App/>, document.getElementById('app'))
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id='app'/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.