es6 : comment faire pour importer const après l'exportation?

Je prie de m'excuser pour mon manque de connaissances. Je veux importer un const valeur à l'intérieur d'un fichier. J'ai deux fichiers Home.js et styles.js dans le même répertoire.

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;

Et dans styles.js

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

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

mais j'obtiens cette erreur

Ne peut pas trouver de variable : HEADER_MAX_HEIGHT

comment puis-je accéder à cette variable dans la styles.js?

OriginalL'auteur bazi | 2016-11-12

  1. 13

    Essayer:

    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,
  },
});

    Votre HEADER_MAX_HEIGHT doit être à l'intérieur de la Home.js fichier, mais à l'extérieur de la Home Composant. Vous pouvez lire à ce sujet ici: Javascript Portée

    sa ne fonctionne pas non plus.
    Êtes-vous sûr que les deux .Home.js et styles.js sont que le câblage ? peut-être Home.js Styles.js? les deux capitalisés ?
    je souhaite que c'était comme ça. mais ses pas. peut-être que sa ne fonctionne pas parce qu'ils sont à l'importation les uns des autres en même temps. Serait-ce la question?
    avez-vous Teamviewer?
    j'ai eu anydesk. voici un résumé contenant les deux fichiers gist.github.com/basith374/59f7178304c133311d65fb527eea7bae

    OriginalL'auteur Ilanus

  2. 24

    Vous devriez probablement de la structure de votre code dans une manière complètement différente.

    Une bonne règle est de garder toutes les constantes dans un fichier séparé, à l'écart de tous les points de Vue.

    Essayez de créer un fichier pour toutes les applications Constantes. Constants.js est un bon choix.

    Puis mettre les constantes comme ceci:

    const Constants = {
  HEADER_MAX_HEIGHT: 200,
  OTHER_THINGS: 'whatever'
}
export default Constants

    Ensuite, vous pouvez importer vos constantes partout où vous en avez besoin.

    import Constants from '../Folder/Constants'

    et de les utiliser comme telles

    const x = Constants.HEADER_MAX_HEIGHT
    Cela devrait être la bonne réponse! Merci
    pour les propriétés qu'elle doit être : pas =
    Une idée de comment utiliser asynchrone de la fonction et de l'exporter?

    OriginalL'auteur parker

  3. 2

    C'est juste en fonction de la portée de la règle!

    //Outer scope
const Home = (props) => {
    //Inner scope
    const HEADER_MAX_HEIGHT = 200;

}

console.log(HEADER_MAX_HEIGHT); //Uncaught ReferenceError: HEADER_MAX_HEIGHT is not defined

    Vous n'avez pas accès à HEADER_MAX_HEIGHT à l'extérieur de la portée. Ainsi, lorsque vous essayez d'exporter, il suffit de le renvoie une erreur.

    Essayer avec ceci:

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

const HEADER_MAX_HEIGHT = 200;

const Home = (props) => {     
    //...
}

export { HEADER_MAX_HEIGHT };
export default Home;

    Maintenant dans styles.js:

    import { HEADER_MAX_HEIGHT } from './Home';
    sa ne fonctionne pas. dit HEADER_MAX_HEIGHT est pas défini, à l'intérieur de styles.js
    S'il vous plaît, pouvez-vous me montrer styles.js ? Importez-vous HEADER_MAX_HEIGHT de la Maison ?
    oui je le fais. styles.js est la même que dans la question.
    C'est bizarre! Montrez-moi votre code complet!
    Vous pouvez également faire de la Maison.HEADER_MAX_HEIGHT = 200; après la const Maison [...] et dans styles.js importation: la Maison de". /La maison"; console.journal(à la Maison.HEADER_MAX_HEIGHT);

    OriginalL'auteur Seb Bizeul