时间戳

首页 > 解决方案 > 从无状态组件获取不同的 const 值

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

问题描述

我是反应原生的新手。对不起，如果我的问题看起来很愚蠢。我想在文件中写入每个 http url 并在需要的地方访问它们。我怎样才能做到这一点？

例如我有 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 访问 baseUrl 字符串到 Home.js

标签： react-native

解决方案

如果你想从另一个文件中导入某些东西，你必须导出它们。

例如：在 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 的 JavaScript。:))

欢呼！

推荐阅读