Advertisement
shadiff

3s API

Sep 14th, 2023
24
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.23 KB | None | 0 0
  1. import React, { useState, useEffect } from 'react';
  2.  
  3. function App() {
  4. const [selectedOption, setSelectedOption] = useState('');
  5. const [secondApiData, setSecondApiData] = useState(null);
  6.  
  7. // Fetch data when the user selects an option
  8. useEffect(() => {
  9. if (selectedOption) {
  10. // Replace 'your_second_api_url' with your actual second API URL
  11. fetch(`your_second_api_url?selectedOption=${selectedOption}`)
  12. .then(response => response.json())
  13. .then(data => setSecondApiData(data))
  14. .catch(error => console.error('Error fetching second API data:', error));
  15. }
  16. }, [selectedOption]);
  17.  
  18. const handleOptionChange = (event) => {
  19. setSelectedOption(event.target.value);
  20. };
  21.  
  22. return (
  23. <div>
  24. {/* Your select component */}
  25. <select onChange={handleOptionChange} value={selectedOption}>
  26. <option value="">Select an option</option>
  27. <option value="option1">Option 1</option>
  28. <option value="option2">Option 2</option>
  29. {/* Add more options as needed */}
  30. </select>
  31.  
  32. {/* Display data from the second API */}
  33. {secondApiData && <p>Second API Data: {secondApiData.someProperty}</p>}
  34. </div>
  35. );
  36. }
  37.  
  38. export default App;
  39.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement