Javascript 我可以在v3中按状态将动态道具传递给组件吗？

我想在v3中按状态将动态道具传递给组件。但它不起作用

当我使用下面的代码时，会显示一条警告“[react router]您无法更改；它将被忽略”。然后在组件中，它总是显示this.props.userId为null

class Root extends React.Component{
    constructor(props) {
        super(props);
        this.state = {
            userId: null,
        }
    }
    componentDidMount() {
        this.setState({
            userId: "123",
        })
    }
    render() {
        return (
            <Router history={browserHistory}>
                <Route path="/TeachingResourceManagement">
                    <IndexRoute component={(props) => (<Login {...props} onChange={this.handleUserIdChange.bind(this)} userId={this.state.userId} />)}/>   
                </Route>
            </Router>
    )}
}
render(<Root />, document.getElementById("container"))

类根扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
userId:null，
}
}
componentDidMount（）{
这是我的国家({
用户标识：“123”，
})
}
render（）{
返回(
()}/>   
)}
}
render（，document.getElementById（“容器”））

附言。 我曾尝试使用下面的代码（使用渲染传递道具），但它也不起作用，甚至无法正常渲染场景

<Router history={browserHistory}>
    <Route path="/TeachingResourceManagement">
        <IndexRoute render={(props) => (<Login {...props} onChange={this.handleUserIdChange.bind(this)} userId={this.state.userId} />)}/>   
    </Route>
</Router>

()}/>