dashboard中，navList.find(...).title 一直报错，说.title是undefined, 这个是怎么回事
来源：8-3 牛人列表-牛人列表
精慕门6888564
2017-12-29
import React from 'react'
import { connect } from 'react-redux'
import { NavBar } from 'antd-mobile'
import { Switch,Route } from 'react-router-dom'
import NavLinkBar from '../navlink/navlink'
import Boss from '../../component/boss/boss'
function Genius(){
return <p>4</p>
}
function Msg(){
return <p>3</p>
}
function User(){
return <p>4</p>
}
@connect(
state=>state
)
class Dashboard extends React.Component{
render(){
const {pathname} = this.props.location
const user = this.props.user
const navList = [
{
path:'/boss',
text:'牛人',
icon:'boss',
title:'牛人列表',
component:Boss,
hide:user.type==='genius'
},
{
path:'/genius',
text:'boss',
icon:'job',
title:'BOSS列表',
component:Genius,
hide:user.type==='boss'
},
{
path:'/msg',
text:'消息',
icon:'msg',
title:'消息列表',
component:Msg
},
{
path:'/me',
text:'我',
icon:'user',
title:'个人中心',
component:User
}
]
return(
<div>
<NavBar className='fixd-header' mode='dark'>{navList.find(v=>v.path===pathname).title}</NavBar>
<div style = {{marginTop:45}}>
<Switch>
{navList.map(v=>(
<Route key={v.path} path={v.path} component={v.component}></Route>
))}
</Switch>
</div>
<NavLinkBar data={navList}></NavLinkBar>
</div>
)
}
}
//.title
export default Dashboard
1回答
-
慕瓜8449030
2017-12-30
你好 这个问题我们最后一章有一节错误处理 专门讲如何处理错误和修复这个问题
00
Redux+React Router+Node.js全栈开发
1822 学习 · 750 问题
相似问题