我想通过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吗?
最佳答案
我认为您必须使用oauth身份验证才能从woo-commerce rest api获取数据,因为您的wordpress位于没有ssl证书的服务器上。
关于woocommerce - 如何将WooComerceAPI集成到React中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49378184/