Мне нужно извлечь и отобразить продукты в собственный компонент реакции с этой страницы https://www.herba -market.co.rs / kategorija / proizvodi-na-akciji /
Как видите, все товары находятся в неупорядоченном списке с классом 'product'.
Я пытался извлечь данные с помощью функции извлечения, установить их в состояние, но я не уверен, как я могу использовать библиотеку 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>
);
}
}