如何动态添加新路线？

路由器启动时，是否可以在运行时动态地向路由器添加新路由？例如，用户在输入中输入一些东西，然后创建一个新的路由。如何动态添加新路线？

2016-11-27 aspirisen

请包括您希望能够添加路由的类型的例子。答案可能不是，但你可以用另一种方式做到这一点，但我需要看看你想要做什么以确定。 –

@PaulS现在我只是做一个小教程，这个问题已经发生，现在我没有实际的例子。我只是担心，如果有可能，例如服务器由于某些条件而给你一条新的路线......但是，可能没有真实情况下运行时路由创建 – aspirisen

一般你想做什么是格伦雷耶斯在他的回答中所描述的，即使用可以具有任何价值的路线参数。 –

你可能想使用route params。

下面是一个简单的例子：

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import {Router, Route, browserHistory, Link} from 'react-router'; 

class App extends React.Component { 
    state = { 
    value: '', 
    } 

    handleChange = (event) => { 
    this.setState({ 
     value: event.target.value, 
    }); 
    } 

    render() { 
    return (
     <div> 
     <input type="text" value={this.state.value} onChange={this.handleChange} /> 
     <Link to={`/${this.state.value}`}>{this.state.value && `Go to /${this.state.value.toLowerCase()}`}</Link> 
     </div> 
    ); 
    } 
} 

const Page = (props) => (
    <h1>{props.params.term}</h1> 
); 

ReactDOM.render(
    <Router history={browserHistory}> 
    <Route path="/" component={App}> 
     <Route path="/:term" component={Page}/> 
    </Route> 
    </Router>, 
    document.querySelector('#app'), 
);

来源

2016-11-27 23:06:12 glennreyes

如何动态添加新路线？

回答

相关问题