如何将数组的相应索引传递给onPress答案

【问题标题】：How to pass corresponding index of an array to onPress如何将数组的相应索引传递给onPress
【发布时间】：2021-03-03 00:56:17
【问题描述】：

我正在尝试制作一个按钮，单击该按钮会将商品添加到购物车，但我遇到的问题是，我想将该特定商品的索引传递给 Get Ticket 按钮 onPress={() => handleAddToCart(getListingsApi.data[0].slug)}。它应该是动态数据的特定索引，而不是零。

    function GetTicket(props) {
    ....
    const handleAddToCart = (slug) => {
        setLoading(true);
        // addToCart()
        client
          .post(endpoint, { slug })
          .then((res) => {
            console.log(res.data);
            console.log("Q2");
            // this.props.refreshCart();
            setLoading(false);
          })
          .catch((err) => {
            setError(err);
            setLoading(false);
          });
      };
    return (
      <View>
      {getListingsApi.data && (
        
        <TouchableOpacity>
          <AppButton
            title="Get Ticket"
            onPress={() => handleAddToCart(getListingsApi.data[0].slug)}
          />
        </TouchableOpacity>
      )}
    </View>
  );
}

【问题讨论】：

您希望将哪个索引传递给 handleAddToCart 函数，您将从 API 获得的索引？

标签： javascript arrays react-native

【解决方案1】：

您不是在列表或 FlatList 中加载数据，您只显示数据中的一项，那么您如何动态获取索引？从您的代码中您只有一个应用程序按钮。

【讨论】：