React native - >获取并显示

时间:2018-05-14 08:39:39

标签: javascript ajax reactjs react-native cheerio

我需要从此页面https://www.herba-market.co.rs/kategorija/proizvodi-na-akciji/获取并将产品展示到反应原生组件中 正如您所看到的,所有产品都在无序列表中,并带有“产品”类。

我尝试使用fetch函数获取数据,将其设置为状态,但我不知道如何在那里使用cheerio库来获取正确的值。在下面的代码中,我获取了日期并显示了整个HTML标记,但我不知道如何在之前实现cheerio而只显示一些所需的数据。

class NewsPage extends React.Component {
  state = {
    data: []
  }

  fetchData = async() => {

   //response
   const response = await fetch('https://www.herba-market.co.rs/kategorija/proizvodi-na-akciji/');

   // posts
   const posts = await response.text();

    this.setState({data: posts});
  }

  componentDidMount() {
    //page isLoading
    this.fetchData();
  }

  render() {
    return (
      <Text style={{flex: 1, paddingTop:20}}>
        {this.state.data}
      </Text>
    );
  }
}

0 个答案:

没有答案