我需要从此页面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>
);
}
}