Question

我有两个相同的应用程序。它们之间的差异是英语，另一个是波斯语。

现在我想在英文版App中更改语言按钮（波斯语）当用户点击它时，波斯语版本显示为。

我有英文版本作为母源，并在我的英文版应用程序中添加了波斯应用程序的组件和CSS。

react中的路由确实可以正常工作但我有一个问题，即波斯版本的样式不受影响。

我有这条路线：

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')
);

并在AppEn中我导入英文风格，在AppFa中导入波斯风格。但只有英语风格才有效。

Answer 1

如果你想要语言突变，我建议你使用类似的东西 - http://www.bebetterdeveloper.com/coding/getting-started-react-flux.html而不是每种语言都有不同的组件..

在两个带有reactjs

1 个答案: