进口组件两次

Question

无法找到一个很好的例子来说明如何做到这一点，但是我有一个组件，我想在一个组件中使用两次。

现在我只是通过：

import Picker from 'react-native-picker';

对于此特定组件，只导入Picker对象的一个实例。有没有办法让两个独立的物体..。比如

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

外面有这样的东西吗？

--编辑:这是如何使用这个特定组件的示例代码。我试图保持它的具体化，因为我知道这里的社区更喜欢它，当它是更一般的利益更多的people...thanks！

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