反应原生的重复声明

时间:2016-09-09 08:03:13

标签: react-native

错误地,我使用CheckBox作为项目名称。我使用React Native生成react-native init CheckBox项目。我需要复选框来选择多项问题。因此,我从here安装了复选框库。然后,我使用import CheckBox from 'react-native-checkbox';导入库。现在问题是:Duplication declaration "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);

2 个答案:

答案 0 :(得分:1)

pic_handle = imshow('pic1.bmp'); h1=text(100, 20, 'my text'); h2=text(20, 100, 'more text'); hold on imshow('pic2.bmp'); delete(pic_handle); uistack(h1,'top') uistack(h2,'top')

根据我的理解,我们可以重命名来自包的导出默认值的导入名称,例如。 &#39;反应天然-复选框。

因此,只需将组件名称从react-native-checkbox更改为 CheckBox 的其他名称,然后它就可以解决重复声明问题。

答案 1 :(得分:0)

您正在导入名为CheckBox的组件,然后定义具有相同名称的新组件。要解决此问题,您需要重命名您定义的组件:

class CustomCheckBox extends Component
...
AppRegistry.registerComponent('CustomCheckBox', () => CustomCheckBox)