Tuya Developer Forum

Code: Select all

import React from 'react';
import { View, Picker } from '@ray-js/ray';

export default function Demo() {
  const [current, setCurrent] = React.useState(0);
 
  const handlePickerChange = (e) => {
    setCurrent(+e.value);
  };
 
  const range = ['美国', '中国', '巴西', '日本'];

  return (
    <Picker
      mode="selector"
      onChange={handlePickerChange}
      range={range}
      value={current}
    >
      <View style={{ flexDirection: 'row' }}>
        当前选择的是:{range[current]}
      </View>
    </Picker>
  );
}