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

如果您想要全局设置语言，只需将其放在根组件的Context中：

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

如果你想在不同的组件中使用不同的语言，最好是制作一个mixin：

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

在React中创建并包含单独的文件

1 个答案: