woocommerce - 如何将WooComerceAPI集成到React中？

Question

我想通过API接收数据到我的React网站上，按照文档中的说明进行所有操作，执行npm install --save woocommerce-api的安装，使用文档http://woocommerce.github.io/woocommerce-rest-api-docs/?javascript#pagination中的参数创建对象

import React, { Component } from 'react';
import '../App.css';
import WooCommerceAPI from 'woocommerce-api';


class Goods extends Component {
    WooCommerce = new WooCommerceAPI({
    url: 'http://portland.com/wp/', // Your store URL
    consumerKey: '**KEY**', // Your consumer key
    consumerSecret: '**KEY**', // Your consumer secret
    wpAPI: true, // Enable the WP REST API integration
    version: 'wc/v2' // WooCommerce WP REST API version
  });
    render() {
        return(
        <div className="GoodsMain">
            <div className="Goods">
            <img src="/images/photo.png" alt="appletv"/><br/>
            <div className="TextAlign">
            <span className="NameOfGood">{WooCommerce.get('products/1').name}</span><br/>
            <span className="StyleOfGood">black</span><br/>
            <span className="PriceOfGood">$49.99</span>
            </div>
            </div>

        </div>

        );
    }
}

export default Goods;

但是我得到 Line 20: 'WooCommerce' is not defined no-undef您可以帮助我在我的网站中正确集成API吗？

Answer 1

我认为您必须使用oauth身份验证才能从woo-commerce rest api获取数据，因为您的wordpress位于没有ssl证书的服务器上。