导入两个名称相同的模块

Question

我要导入两个具有相同名称的模块，即

import {Input, Icon} from 'native-base'

和

import {Input, Button} from 'react-native-elements'

如何在JSX中导入和使用它们两者？有可能吗？

Answer 1

您可以在导入时使用as

import {Input as InputBase, Icon} from 'native-base'
import {Input, Button} from 'react-native-elements'

Answer 2

是的，您可以将import用作：

import {Input as NativeBaseInput, Icon } from 'native-base'
import {Input, Button} from 'react-native-elements'