Riverpod Consumer Widget -如何从dropdown小部件观看

import 'package:flutter_riverpod/flutter_riverpod.dart';

final dropdownProvider = Provider<List<String>>((ref) => ['Option 1', 'Option 2', 'Option 3']);
final selectedOptionProvider = StateProvider<String>((ref) => ref.watch(dropdownProvider).first);

Consumer(
  builder: (context, watch, _) {
    final dropdownOptions = watch(dropdownProvider);
    final selectedOption = watch(selectedOptionProvider).state;

    return DropdownButton<String>(
      value: selectedOption,
      onChanged: (newValue) {
        context.read(selectedOptionProvider).state = newValue;
      },
      items: dropdownOptions.map((option) {
        return DropdownMenuItem<String>(
          value: option,
          child: Text(option),
        );
      }).toList(),
    );
  },
)