React Component Crawler
No credit card required
React Component Crawler
No credit card required
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.
DiarmuidActor Metrics
6 Monthly users
No reviews yet
2 bookmarks
>99% runs succeeded
Created in Feb 2025
Modified 24 days 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 token
4// Replace the '<YOUR_API_TOKEN>' with your token
5const client = new ApifyClient({
6 token: '<YOUR_API_TOKEN>',
7});
8
9// Prepare Actor input
10const input = {
11 "startUrls": [
12 {
13 "url": "https://support.gymshark.com/en-US/article/delivery-information"
14 }
15 ],
16 "selector": ".sc-13h7cj7-0",
17 "autoExtractFields": false
18};
19
20// Run the Actor and wait for it to finish
21const 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/docsReact Component Crawler API in JavaScript
The 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:
