Navigieren zwischen zwei Anwendung mit Routen in reactjs

Question

Ich habe zwei Anwendungen, die die gleichen sind. Der Unterschied zwischen ist eine von ihnen ist in englischer Sprache und der andere ist in persischer Sprache.

jetzt möchte ich Sprachwechsel Schaltfläche (Persisch) in der englischen Version App, die, wenn Benutzer auf es persischen Versionen angezeigt hat angezeigt.

Ich habe English Version als Mutter Quelle und Komponenten und CSS der persischen App in meiner englischen Version App hinzufügen.

Routen in reagieren funktioniert gut, aber ich habe ein Problem, dass die Stile für die persische Version nicht beeinflusst wird.

Ich habe diese Routen:

class AppEn extends Component { 
    render() { 
    return (
     <div> 
     <RootEn /> 
     <li> 
      <Link to='fa'> 
       <div className="icLog"></div> <span>fa</span> 
      </Link> 
     </li> 
     </div> 
    ) 
    } 
} 

class AppFa extends Component { 
    render() { 
    return (
     <RootFa /> 
    ) 
    } 
} 

class RootTotal extends Component { 
    render() { 
    return (
     <Router history={hashHistory}> 
     <Route path='/' component={AppEn}></Route> 
     <Route path='/fa' component={AppFa}></Route> 
     </Router> 
    ) 
    } 
} 



ReactDOM.render(
    <RootTotal phrase="ES6" />, 
    document.getElementById('root') 
); 

und in Appen importieren i englischen Stil und in AppFa importieren i persischer Styles. aber nur die Stile von Englisch funktionieren.

Answer 1

Wenn u Sprachmutationen haben wollen, empfehle ich u etwas zu verwenden, wie diese - http://www.bebetterdeveloper.com/coding/getting-started-react-flux.html statt differents Komponenten für jede Sprache haben ..