小编Ash*_*rth的帖子

我似乎已经尝试了 env-cmd 命令的各种变体，但无法弄清楚为什么我无法访问变量

我最初遵循本教程 https://www.youtube.com/watch?v=3SH5AQsHypA

但文档已经更改，因此您需要使用命令 -e ，与视频不同，所以我的 package.json 命令读取...

"dev-server": "env-cmd -e dev webpack-dev-server",

任何我的 .env-cmdrc 读取...

{
    "dev" : {
        "BASE_URL" : "development"
    },
    "qa" : {
        "BASE_URL" : "qa"
    },
    "prod" : {
        "BASE_URL" : "prod"
    }
}

但由于某种原因我无法访问 process.env.BASE_URL 。任何帮助是极大的赞赏

所以我对本文和其他文章中解释的环境变量的概念感到满意 https://www.freecodecamp.org/news/how-to-gracefully-use-environment-variables-in-a-react-native-应用程序/

太好了，我已经存储了我的 SOMETHING="something" 所以我可以使用 env.SOMETHING 或其他任何东西

我有点迷失的部分是您保存实时变量的位置？

我宁愿不做这样的解决方案，因为看起来您仍然将密钥公开，并且您只是根据环境使用 if 语句进行选择

使用 expo react native 管理环境

例如，对于我们拥有的 Express App 部署，我们指定

let endPointURL = env.endPointURL

然后我们保持versoin变量本地的，当它坐在与AWS它是由AWS服务器，解释覆盖这里

我只是想知道 Android 和 iOS 版本（在各自的商店中）或通过 Expo 是否存在类似的东西？

谢谢大家

当按照 Algolia 文档（https://www.algolia.com/doc/api-reference/widgets/react/）使用以下代码设置 Alogila 索引的简单搜索时

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {Text, View, StyleSheet, Button, TextInput} from 'react-native';
import algoliasearch from 'algoliasearch/lite';
import { InstantSearch, Index, SearchBox, Hits } from 'react-instantsearch-dom';


const searchClient = algoliasearch(
    '**********', //app ID
    '************************' //app key
);

class MyApp extends Component {
    constructor(props){
        super(props);

    }

    render(){
        return (
            <View style={{
                flex: 1,
                alignItems: "center",
                flexDirection: "column",
                paddingTop: 20
              }}>
            <InstantSearch
                searchClient={searchClient}
                indexName="dev_INVENTORY">
                    <SearchBox/>
            </InstantSearch>
            </View>
    )}

};

const styles …

所以我有一个用于检索会员费率的电子表格，列是年龄、持续时间和费率。您只需向下查看年龄列以找到客户的年龄，然后当您找到该年龄时，您继续向下查找以将其与正确的持续时间相匹配，然后在最后一列中将是费率。一个（非常）小的版本可能看起来像这样；

Age,Duration,Rate
18,10,1.33
18,11,1.5
18,12,1.8
19,10,1.4
19,11,1.65
19,12,1.88
20,10,1.48
20,11,1.73
20,12,1.98

因此，年龄为 19 岁、持续时间为 11 的人的比率为 1.65。20 岁且持续时间为 12 的人的比率为 1.98 - 简单！

我的问题是两部分，我想把它转换成一个网页，在那里有人输入年龄和持续时间来检索费率。我很确定我最好的选择是像这样的二维数组；

var array = [[18,10,1.33],[18,11,1.5],[18,12,1.8] .. and so on];

有没有更好的选择？

第二个问题是我如何最好地迭代二维数组（如果这最终是最好的解决方案）？正如我之前提到的，我需要能够根据两个条件搜索返回速率的迭代。我相信这将由两部分的迭代组成，但迭代对我来说是一个弱点，试图掌握循环中放置迭代的位置只是大脑融化。我认为它看起来像这样；

for (var i = 0; i < array.length; i++){
for (var j = 0; j < array[i].length; j++){
    //Do something... I think something like this
    If array[][j] == ageImLookingFor && array[][j+1] == durationImLookingFor
    then return array[][j+2] (which is the rate)
  }
}

任何帮助、建议或想法，我将不胜感激

我正在尝试复制我在 Illustrator 中制作的设计（我知道，哈哈，我设计了一些我不知道如何制作的东西！）

所以我制作了一个底部有边框的水平 HTML 列表。我会尝试在视觉上演示这个。

概览 销售设置

每个标题也有下划线（概述、销售、设置），我希望在每个单词的下划线和父 div 的底部边框之间有一条垂直连接线。

到目前为止，我已经得到了每个标题的下划线（使用边框底部而不是下划线）以及父 div 的底部边框。

我无法解决的是如何在每个列表项下放置一条垂直线。我尝试使用换行符，但它最终重塑了整个列表。

任何想法/设计都会很棒

提前致谢！- 灰

这是我的照片保管箱的链接，因为我的代表太低而无法添加图片！

https://dl.dropboxusercontent.com/u/58549715/Screen%20Shot%202015-07-21%20at%2012.13.51.png

代码

<div class="top-menu-two">
 <div class="top-menu-two-controls">
    <ul>
    <li>
        <object type="image/svg+xml" data="MainOverviewColor.svg" class="svg" id="yolo"></object> 
        <span class="menuText" id="topMenuTwoOverview">Overview</span>
    </li>
    <li class="not-active">
        <object type="image/svg+xml" data="MainAgentsColor.svg" class="svg"></object> 
        <span class="menuText" id="topMenuTwoAgents">Agents</span>
    </li>
    <li class="not-active">
        <object type="image/svg+xml" data="MainSalesColor.svg" class="svg"></object> 
        <span class="menuText" id="topMenuTwoSales">Sales</span>
    </li>
    <li class="not-active">
        <object type="image/svg+xml" data="MainNewQuotationsColor.svg" class="svg"></object> 
        <span class="menuText" id="topMenuTwoNewQuotations">New Quotations</span>
    </li>
    </ul>
</div>

.top-menu-two{
display: inline-block;
width: 100%;
padding: 1% 0% 0% 1%;
float: …

给定一个数组；

const myArray = [
        {
            name : "Tom",
            age : 28,
            eyes : "brown"
        },
        {
            name : "Dave",
            age : 45,
            eyes : "green"
        },
        {
            name : "Harry",
            age : 22,
            eyes : "green"
        },
    ];

我知道使用三元运算符对数组进行排序的简单方法

.sort((a, b) => a.age < b.age ? 1 : -1)

但我希望使该年龄成为一个变量键，我可以使用 React useState 进行切换，这样它就更像是；

.sort((a, b) => a.toggle < b.toggle ? 1 : -1);

const [toggle, setToggle] = useState('name');

但显然，将字符串“name”放在那里是行不通的，并且仅使用不带引号的名称会返回该变量不存在。我一直在绞尽脑汁地思考如何对 JavaScript 说“使用 JSON 键、姓名或年龄”，而不是字符串或名为姓名/年龄的变量。对此的任何帮助都非常感谢！