React native react native中的重复声明
由于错误,我使用CheckBox作为项目名称。我使用React native react native中的重复声明,react-native,React Native,由于错误,我使用CheckBox作为项目名称。我使用React Native init复选框生成React Native项目。我需要选择题的复选框。因此,我从安装库中的复选框。然后,我使用import复选框从'react native CheckBox'导入库。现在问题来了:重复声明“复选框”。我需要什么来解决这个问题?要么删除项目,然后生成新项目。或者在当前项目中有什么方法可以解决这个问题? 我的代码是: import React, { Component } from 'react'; im
React Native init复选框生成React Native
项目。我需要选择题的复选框。因此,我从安装库中的复选框。然后,我使用import复选框从'react native CheckBox'导入库代码>。现在问题来了:重复声明“复选框”
。我需要什么来解决这个问题?要么删除项目,然后生成新项目。或者在当前项目中有什么方法可以解决这个问题?
我的代码是:
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import CheckBox from 'react-native-checkbox';
class CheckBox extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
});
AppRegistry.registerComponent('CheckBox', () => CheckBox);
import React,{Component}来自'React';
进口{
评估学,
样式表,
文本,
看法
}从“反应本机”;
从“反应本机复选框”导入复选框;
类复选框扩展组件{
render(){
返回(
欢迎来到这里!
);
}
}
const styles=StyleSheet.create({
容器:{
弹性:1,
为内容辩护:“中心”,
对齐项目:“居中”,
背景颜色:“#F5FCFF”,
},
});
AppRegistry.registerComponent('复选框',()=>复选框);
您正在导入一个名为CheckBox
的组件,然后用相同的名称定义一个新组件。要解决此问题,您需要重命名您定义的组件:
class CustomCheckBox extends Component
...
AppRegistry.registerComponent('CustomCheckBox', () => CustomCheckBox)
import SomethingElse from'react native checkbox'代码>
据我所知,我们可以重命名导入名称,该名称来自包的导出默认值,例如“react native”复选框
因此,只需将组件名称从react native复选框更改为其他的复选框,就可以解决重复声明问题。定义新组件(如CustomCheckBox)会导致错误“应用程序复选框尚未注册。这可能是由于需要()初始化期间出错或调用AppRegistry.registerComponent失败。“我还在AppRegistry.registerComponent(..)上进行更改。可能是因为您忘记更改AppRegistry
调用。试着杀死你的包装商,做出改变,然后重新构建。