Reactjs 如果<；未找到/>；组件获取执行添加类到<；页脚/>；组成部分。反应还原

如果执行rout（即：如果未找到页面，则呈现页面），我希望将类添加到页脚组件

下面是我的index.jsx呈现函数

    render() {
    return (
        <div>
            <Navbar />
            <div className="pageData">
                {this.props.children}
                // <notFound/> component will get rendered here
            </div>
            <Footer/>
            <LoginPopup />
        </div>
    )
}

render（）{
返回(
{this.props.children}
//组件将在此处渲染
)
}

下面是我的routes.jsx

 import React from 'react'
import { Route, IndexRoute } from 'react-router'
import App from 'layout/app'
import Home from 'pages/home'
import MyWagers from 'containers/myWagersContainer'
import Wagers from 'containers/wagersContainer'
import NotFound from 'pages/notFound'

const ROUTES = (
<Route path='/' component={App}>
    <IndexRoute component={Home} />
    <Route path="/wagers(/:trackCode)(/:raceNum)" component={Wagers} >
        <Route path="*" component={() => (<NotFound status = "404" />)}/>
    </Route>
    <Route path="/mywagers" component={MyWagers} />
    <Route path="*" name = "notFound" component={() => (<NotFound status =  "404" />)}/>
</Route> ) 
export default ROUTES

从“React”导入React
从“react router”导入{Route，IndexRoute}
从“布局/应用程序”导入应用程序
从“页面/主页”导入主页
从“容器/myWagersContainer”导入MyWagers
从“容器/wagersContainer”导入赌注
从“页面/NotFound”导入NotFound
常数路由=(
()}/>
()}/>
) 
导出默认路由

---

因此，我们可以全局设置一些内容，或者我们可以获取路由名称，以便我们可以根据component get rendered在footer组件中添加类使用一个回调，您可以传递给this.props.children，然后在

在index.js中：

 <NotFound setFooterClass={myClass => this.setState({ footerClass: myClass })} />

this.setState（{footerClass:myClass}）}/>

及

---

我没有收到这个消息。如果找不到路由，我们如何向页脚组件发送回调

 <NotFound setFooterClass={myClass => this.setState({ footerClass: myClass })} />

 <Footer className={this.state.footerClass} />