Question

我是React Native的新手。对不起，如果我的问题看起来很愚蠢。我想在文件中写入每个http网址，并在需要时访问它们。我该怎么办？

例如我有AllUrl.js文件，我想在其中写入以下网址

const baseUrl = "https://amrita.com/";
const secondaryUrl = "https://google.com";
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _

然后我要在需要的地方访问单个URL字符串。

例如：

import AllUrls from "./AllUrls";
export default class Home extends React.Component {

    componentWillMount() {
            fetch(AllUrls.baseUrl) //I want to do this ie. call baseUrl const here
      .then(response => response.json())
      .then(responseJson => {
        this.setState({
          homeList: responseJson.homeLIst,
        });
      })
      .catch(error => {
        alert(error);
      });
    }

    render(){
        return(
            _ _ _ _ _ _ _ _ _ _ _ _ 
            _ _ _ _ _ _ _ _ _ _ _ _ 
        );
    }
}

我该怎么办？如何从AllUrl.js到Home.js访问baseUrl字符串

Answer 1

如果要从另一个文件导入某些内容，则必须将其导出。

例如：在AllUrl.js文件中。

export const baseUrl = "https://amrita.com/";
export const secondaryUrl = "https://google.com";

然后将它们导入另一个文件

import {baseUrl, secondaryUrl} from "./AllUrls";
export default class Home extends React.Component {}

我建议您在使用React Native制作移动应用之前，应该花一些时间来学习Javascript语法。上面的代码是ES5 / ES6 Javscript。：））

加油！

Answer 2

根据您的情况，您需要将所有variables导出为default

const baseUrl = "https://amrita.com/";
const secondaryUrl = "https://google.com";

export default {
  baseUrl,
  secondaryUrl
}

并将它们用作

import AllUrls from "./AllUrls";

AllUrls.baseUrl
AllUrls.secondaryUrl

从无状态组件获取不同的const值

2 个答案: