新しい経路を動的に追加するには？

Question

ルータの起動時に、実行時にルータに新しいルートを動的に追加することはできますか？例えば、ユーザーは何かを入力した後、私は新しいルートを作成します。

Answer 1

おそらく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'), 
);