從類React導出變量

Question

在我的app.js內部的app類中，有一個我想導出到另一個模塊的變量。 我嘗試了很多選擇，但不幸的是，對如何正確執行操作的理解並沒有到來。 請告訴我，如何正確做？ 我的課程中已經使用了導出默認值

export class App extends Component {
    static propTypes = {
        //somecode
    };

    constructor(...args: any): void {
        super(...args);
    }

    render() {
        // console.log('app render start');
        const test = true;
        return (
        //somecode
        );
    }

    componentDidMount() {
        //somecode
    }


    componentDidUpdate(prevProps): void {
        //somecode
    }
}

在上面的示例中，我需要導出變量“ test”

我將不勝感激。

Answer 1

假設您要進行test的目的是定義類似“項目常量”（這是我從const關鍵字的使用中收集到的內容）之類的東西，那么您可以簡單地在App類外部聲明test ，然后將其從模塊中導出以與導出類相同的方式：

App.js

import { App, test, } from 'path/to/App';

console.log(`test is: ${ test }`);

然后，可以從項目中的另一個模塊訪問test如下所示：

MyModule.js

 import { App, test, } from 'path/to/App'; console.log(`test is: ${ test }`); 

Answer 2

您可以將test設為App類的靜態屬性，然后僅從App類中引用它，因為該屬性已導出。

 class Test extends React.Component { static test = true; } console.info(Test.test); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> 

import Test from 'test';
console.info(Test.test);