我在 jsx 中有这个，其中是一个数组，breadcrumb = ['food','hotdogt']但我得到了一个错误unexpected token .？
{breadcrumb.map(obj => {
{obj}
})}
像这样写：
{
breadcrumb.map(obj => {
return <div> {obj} </div>
})
}
或者
{
breadcrumb.map(obj => <div> {obj} </div>)
}
或者
{
breadcrumb.map(obj => obj)
}
{}当您js在html元素内使用代码时需要大括号，您正在使用{obj}但未使用任何html元素。而你也忘记使用了return。
检查这个例子：
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'/>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句