将 WooCommerce REST API 连接到 React Native答案

【问题标题】：Connecting WooCommerce REST API to React Native将 WooCommerce REST API 连接到 React Native
【发布时间】：2020-07-07 19:27:43
【问题描述】：

我正在尝试在我的 react 原生电子商务应用中使用 woocommerce rest API。我使用以下库连接 API 失败：https://github.com/JamesUgbanu/react-native-woocommerce-api 我的代码看起来像这样，它说“响应”是未定义的：

import React, { Component } from "react";
import { Button, View, Text } from "react-native";
import WooCommerceAPI from "react-native-woocommerce-api";

const WooCommerce = new WooCommerceAPI({
  url: "website.com/wp-json",
  ssl: true,
  consumerKey: "*********",
  consumerSecret: "**********",
  wpAPI: true,
  version: "wc/v2",
  queryStringAuth: true,
});

WooCommerce.get("products")
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log(error.response.data);
  });

export default class Products extends Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
        <Text>Products</Text>
      </View>
    );
  }
}

如果有人有一些见解，请随时回复或私信我。我认为数据也可能是 HTML 而不是 JSON？

【问题讨论】：

先试试postman，如果响应成功就可以连接react-native-woocommerce-api

标签： javascript node.js api react-native woocommerce

【解决方案1】：

能够使用以下代码解决此问题：

import WooCommerceAPI from "react-native-woocommerce-api";

export function getProducts() {
  return (dispatch) => {
    const WooCommerce = new WooCommerceAPI({
      url: "https://pexhouse.com", // Your store URL
      ssl: true,
      consumerKey: "ck_xxxxxx", // Your consumer secret
      consumerSecret: "cs_xxxxxx", // Your consumer secret
      wpAPI: true, // Enable the WP REST API integration
      version: "wc/v3", // WooCommerce WP REST API version
      queryStringAuth: true,
    });

    return WooCommerce.get("products")
      .then((data) => {
        console.log("Success");
      })
      .catch((error) => {
        console.log(error);
      });
  };
}

【讨论】：