Pricing
Pay per usage
Get the state out of react components on a webpage, just specify the urls and the css selector for the components for which the state should be extracted.
0.0 (0)
Pricing
Pay per usage
2
14
1
Last modified
8 months ago
You can access the React Component Crawler programmatically from your own applications by using the Apify API. You can also choose the language preference from below. To use the Apify API, you’ll need an Apify account and your API token, found in Integrations settings in Apify Console.
1import { ApifyClient } from 'apify-client';2
3// Initialize the ApifyClient with your Apify API token4// Replace the '<YOUR_API_TOKEN>' with your token5const client = new ApifyClient({6 token: '<YOUR_API_TOKEN>',7});8
9// Prepare Actor input10const input = {11 "startUrls": [12 {13 "url": "https://support.gymshark.com/en-US/article/delivery-information"14 }15 ],16 "selector": ".sc-13h7cj7-0",17 "autoExtractFields": false18};19
20// Run the Actor and wait for it to finish21const run = await client.actor("diarmuidr/react-component-crawler").call(input);22
23// Fetch and print Actor results from the run's dataset (if any)24console.log('Results from dataset');25console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`);26const { items } = await client.dataset(run.defaultDatasetId).listItems();27items.forEach((item) => {28 console.dir(item);29});30
31// 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docsThe Apify API client for JavaScript is the official library that allows you to use React Component Crawler API in JavaScript or TypeScript, providing convenience functions and automatic retries on errors.
Install the apify-client
$npm install apify-clientOther API clients include: