新手上路,react jsx语法报错大佬们有什么好的建议？

Question

报错
Unexpectedtoken,expected","
JSX代码
render(){
constrouteInfo={
'news':[{
name:'国内新闻',
path:'china',
component:'China'
},{
name:'国外新闻',
path:'world',
component:'World'
}];
return(
(
{
Object.entries(routeInfo).map(([p,r],index1)=>{
return(
(
{
r.map((i,index2)=>(
))
}
)}/>
)
})
}
)}/>
)
}
我的哪里的语法有问题么？
环境："react":"^16.9.0""react-router-dom":"^5.0.1"

Answer 1

这段代码有两个错误，1.如小石头苦海所说，声明routeInfo变量时，最后缺少一个}2.在写Route标签的render属性时，返回的jsx应该是一整个标签，而不能是两个标签({r.map((i,index2)=>())})}/>