导入组件两次

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>
    )
  }
}