導入組件兩次

找不到一個如何做到這一點的好例子，但我有一個組件，我想在組件中使用兩次。導入組件兩次

現在我只需要導入方式：

import Picker from 'react-native-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();

來源

2017-01-19 Joe Caraccio

這是什麼用途？ –

@TomWalters它只是一個在React Native社區中的人選。我想你可以像一樣使用它，並儘可能多地創建你想要的，但似乎更像導入變量..就像你使用Picker.open（）來激活選擇器 –

我將示例代碼添加到底部我的文章 –

您可能需要在不同的文件中創建兩個不同的組件，然後將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> 
    ) 
    } 
}

來源

2017-01-19 16:16:21

是的，這將是我的做法..非常感謝！ –

導入組件兩次

回答

相關問題