我在玩 react-router-dom alpha 并且“transitionTo”是一种可用的路由更改方法。这似乎从 4.1.1 中删除,只是好奇最好的方法是什么。我试图捕获输入中输入的内容并将其用作动态路由的一部分。我的组件内部的相关代码如下。
goToRoute(event) {
event.preventDefault();
this.context.router.transitionTo(`route/${this.storeInput.value}`)
}
render() {
return (
<form onSubmit={(e) => this.goToRoute(e)}>
<h2>Please Enter Name</h2>
<input type="text" required placeholder="Enter Name" ref={(input) => {this.storeInput = input } } />
<button type="submit">Lets Go</button>
</form>
)
}
ComponentName.contextTypes = {
router: React.PropTypes.object
}
来自@Shubham 发布的内容,谢谢!
goToRoute(event) {
event.preventDefault();
this.props.history.push(`route/${this.storeInput.value}`)
}
render() {
return (
<form onSubmit={(e) => this.goToRoute(e)}>
<h2>Please Enter Name</h2>
<input type="text" required placeholder="Enter Name" ref={(input) => {this.storeInput = input } } />
<button type="submit">Lets Go</button>
</form>
)
}
ComponentName.contextTypes = {
router: React.PropTypes.object
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句