Question

无法找到如何执行此操作的良好示例，但我有一个组件，我想在组件中使用两次。

现在我只需输入：

import Picker from 'react-native-picker';

对于此特定组件，仅导入Picker对象的1个实例。有没有办法重要的两个独立的对象..如

import Picker as picker1, picker2 from 'react-native-picker';

有没有像这样的东西？

----编辑：以下是如何使用此特定组件的示例代码。我试图保持它的具体，因为我知道这里的社区更喜欢它，当更多的人受益更多人时...谢谢！

import Picker from 'react-native-picker';

    let data = [];
    for(var i=0;i<100;i++){
        data.push(i);
    }

    Picker.init({
        pickerData: data,
        selectedValue: [59],
        onPickerConfirm: data => {
            console.log(data);
        },
        onPickerCancel: data => {
            console.log(data);
        },
        onPickerSelect: data => {
            console.log(data);
        }
    });
    Picker.show();

Answer 1

您可能需要在不同的文件中创建两个不同的组件，然后将Picker1和Picker2导入父组件。

您可以在这些组件中执行所需的所有操作，也可以在父级中为其提供ref道具，并且您可以访问其方法。

import Picker1 from './picker1'
import Picker2 from './picker2'

class ParentComponent extends Component {
  render() {
    return (
      <View>
        <Picker1 ref={(picker1) => this.picker1 = picker1} />
        <Picker2 ref={(picker2) => this.picker2 = picker2} />
      </View>
    )
  }
}

导入组件两次

1 个答案: