创建和包括分离文件中作出反应

Question

我有以下代码

var lang = this.props.lang; 
    var language = ""; 
    switch (lang){ 
     case 1 : 
      language = require('../../common/languages/en'); 
      break; 
     case 2 : 
      language = require('../../common/languages/fr'); 
      break; 
     case 3 : 
      language = require('../../common/languages/de'); 
      break; 
     default: 
      language = require('../../common/languages/nl'); 
    } 

这是我在许多其他组件重用。

如何将此代码放入一个单独的文件中，然后在我的组件中使用它？

Answer 1

如果你想全局设置的语言，只要把它在上下文的根组件：

https://facebook.github.io/react/docs/context.html

如果你想在不同的组件不同的语言，一个更好的主意是制作混音：

https://facebook.github.io/react/docs/reusable-components.html#mixins2