創建和包括分離文件中作出反應

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