React Native Woocommerce Rest Api Fetch Error

问题描述 投票:1回答:1

**我正在为项目使用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()}
                    />

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

react-native woocommerce-rest-api
1个回答
0
投票

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

componentWillMount(){// GET示例返回(WooCommerce.get('products',{}).then(responseJson => {this.setState(prevState =>({产品:[... prevState.products,... responseJson],isLoading:否}));}).catch(错误=> {console.error(错误);}))}
© www.soinside.com 2019 - 2024. All rights reserved.