反应本机Woocommerce Rest Api提取错误

时间:2019-07-15 00:10:20

标签: react-native woocommerce-rest-api

**我正在为项目使用REACTNATİVE。我需要整合网站和移动应用程序。我必须为此使用WooCommerce Rest API。我正在尝试学习,但是看不到要捕获的数据。我看不到任何东西。 **

import WooCommerceAPI from 'react-native-woocommerce-api';
const WooCommerce = new WooCommerceAPI({
  url: 'http://myurl', // Your store URL
  ssl: true,
  consumerKey: '****************', 
  consumerSecret: '***************', 
  wpAPI: true, // Enable the WP REST API integration
  version: 'v3', // WooCommerce WP REST API version
  queryStringAuth: true
});

WooCommerce配置

class X extends Component{
constructor(props) {
    super(props);
}

componentWillMount() {
    // GET example
    return(
    WooCommerce.get('products') .then(response => response.json())
        .then(responseJson => {
            this.setState(prevState => ({
                products: [...prevState.products, ...responseJson],
                isLoading: false
            }));
        })
        .catch(error => {
            console.error(error);
        }))
}

<FlatList
                        data={this.state.products}
                        renderItem={({item}) => <View>
                            <Text>{item.name}</Text>
                            <Text>{WooCommerce.get('products').id}</Text>
                        </View>}
                        keyExtractor={item => item.id.toString()}
                    />

数据未获取,我什么也没看到,这是什么问题?

1 个答案:

答案 0 :(得分:1)

我知道我的答案可能来晚了,但是对于那些遇到同样问题的人。您不需要先添加第一个,然后再添加response.json()。请在此处查看示例https://www.npmjs.com/package/react-native-woocommerce-api

componentWillMount() {
    // GET example
    return(
    WooCommerce.get('products')
        .then(responseJson => {
            this.setState(prevState => ({
                products: [...prevState.products, ...responseJson],
                isLoading: false
            }));
        })
        .catch(error => {
            console.error(error);
        }))
}