Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { useState, useEffect } from 'react';
- function App() {
- const [selectedOption, setSelectedOption] = useState('');
- const [secondApiData, setSecondApiData] = useState(null);
- // Fetch data when the user selects an option
- useEffect(() => {
- if (selectedOption) {
- // Replace 'your_second_api_url' with your actual second API URL
- fetch(`your_second_api_url?selectedOption=${selectedOption}`)
- .then(response => response.json())
- .then(data => setSecondApiData(data))
- .catch(error => console.error('Error fetching second API data:', error));
- }
- }, [selectedOption]);
- const handleOptionChange = (event) => {
- setSelectedOption(event.target.value);
- };
- return (
- <div>
- {/* Your select component */}
- <select onChange={handleOptionChange} value={selectedOption}>
- <option value="">Select an option</option>
- <option value="option1">Option 1</option>
- <option value="option2">Option 2</option>
- {/* Add more options as needed */}
- </select>
- {/* Display data from the second API */}
- {secondApiData && <p>Second API Data: {secondApiData.someProperty}</p>}
- </div>
- );
- }
- export default App;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement