Swift新手求助：PickerView选中值触发API请求后数据复用问题

Hey there! Let's figure out why your second PickerView is showing the same data as the first one—this is a super common gotcha when working with dependent pickers in Swift, so don't worry, we'll fix it step by step.

Let's break down the most common causes and walk through actionable fixes:

1. Use Separate Data Source Arrays #

The easiest mistake to make is reusing the same array for both pickers. If both PickerViews pull data from the same source, they'll always show identical content. Start by defining distinct arrays:

// Data source for the first PickerView
var firstPickerData: [String] = []
// Data source for the second PickerView
var secondPickerData: [String] = []

2. Handle First Picker Selection & Trigger API Request #

When the user selects an option in the first PickerView, you need to fetch new data for the second picker, update its data source, and force a refresh of the second PickerView. Remember: network requests are asynchronous, so always update UI on the main thread.

Example code for this flow:

// MARK: - UIPickerViewDelegate
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    // Only respond to selections in the first PickerView
    guard pickerView == firstPickerView else { return }
    
    // Get the selected value from the first picker
    let selectedValue = firstPickerData[row]
    
    // Fetch data for the second picker using the selected value
    fetchSecondPickerData(selectedValue: selectedValue)
}

// MARK: - API Request for Second Picker
func fetchSecondPickerData(selectedValue: String) {
    // Replace with your actual API endpoint, including the selected value as a parameter
    guard let url = URL(string: "https://your-api-url.com/second-data?filter=\(selectedValue)") else {
        print("Invalid API URL")
        return
    }
    
    URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
        guard let self = self, let data = data, error == nil else {
            print("Request failed: \(error?.localizedDescription ?? "Unknown error")")
            return
        }
        
        // Parse the API response (adjust parsing logic to match your API's data structure)
        do {
            let newData = try JSONDecoder().decode([String].self, from: data)
            // Update UI and data source on the main thread
            DispatchQueue.main.async {
                self.secondPickerData = newData
                self.secondPickerView.reloadAllComponents() // Critical: Refresh the second picker
            }
        } catch {
            print("Parsing error: \(error.localizedDescription)")
        }
    }.resume()
}

3. Verify Second Picker Uses the Correct Data Source #

Double-check your UIPickerViewDataSource methods to ensure the second picker pulls data from secondPickerData, not the first picker's array:

// MARK: - UIPickerViewDataSource
func numberOfComponents(in pickerView: UIPickerView) -> Int {
    return 1
}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    switch pickerView {
    case firstPickerView:
        return firstPickerData.count
    case secondPickerView:
        return secondPickerData.count
    default:
        return 0
    }
}

func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
    switch pickerView {
    case firstPickerView:
        return firstPickerData[row]
    case secondPickerView:
        return secondPickerData[row]
    default:
        return nil
    }
}

4. Quick Additional Checks #

• Confirm you've set the dataSource and delegate for both PickerViews (e.g., in viewDidLoad: secondPickerView.dataSource = self; secondPickerView.delegate = self).
• Verify your API request is actually sending the selected value from the first picker—print the request URL or use a tool like Charles to check parameters.
• Initialize secondPickerData as an empty array to avoid crashes if the API request takes time.

Following these steps should get your second PickerView showing the correct, unique data based on the first picker's selection!

内容的提问来源于stack exchange，提问作者Valentino Rusconi