es6：导出后如何导入const？

bazi 发表于 Dev

基础：

我为我缺乏知识而道歉。我想在文件内导入const值。我在同一目录中有两个文件Home.js和styles.js。

Home.js

import React from 'react';
import styles from './styles';

const Home = (props) => {

    const HEADER_MAX_HEIGHT = 200;

}

export { HEADER_MAX_HEIGHT };
export default Home;

并在styles.js中

import { StyleSheet } from 'react-native'
import { HEADER_MAX_HEIGHT } from './Home';

export default StyleSheet.create({
    header: {
        height: HEADER_MAX_HEIGHT
    }
});

但我收到此错误

找不到变量：HEADER_MAX_HEIGHT

如何在styles.js中访问该变量？

宜兰

尝试：

Home.js

import React from 'react';
import styles from './styles';

export const HEADER_MAX_HEIGHT = 200;

const Home = props => <h1>Home</h1>;

export default Home;

styles.js

import { StyleSheet } from 'react-native';
import { HEADER_MAX_HEIGHT } from './Home';

export default StyleSheet.create({
  header: {
    height: HEADER_MAX_HEIGHT,
  },
});

您HEADER_MAX_HEIGHT需要在Home.js文件中，但在Home组件之外。您可以在此处阅读有关内容：Javascript范围

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。