Question

因此，作为一个新的年度决议，我决定学习一点关于本地的反应。现在我只是在玩弄了解它。我在下面有这个代码，导入FadeInView或Greeting。如果我在页面上的导出中只有其中一个可以正常工作，那么当我在页面上同时使用它们时它就会崩溃。

我知道这是超级基本的东西，但它让我发疯，任何人都可以帮忙吗？

也有人能指出我从零开始的一些好的免费教程的方向吗？

提前致谢。

＆＃13;

import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';

import FadeInView from './components/FadeInView';
import Greeting from './Greeting';



export default class App extends React.Component {
  render() {
    return (
      <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
        <FadeInView style={{width: 250, height: 50, backgroundColor: 'red'}}>
          <Text style={{fontSize: 28, textAlign: 'center', margin: 10}}>Fading in</Text>
        </FadeInView>
      </View>
    );
  }

}

export default class LotsOfGreetings extends Component {
  render() {
    return (
      <View style={{alignItems: 'center'}}>
        <Greeting name='Rexxar' />
        <Greeting name='Jaina' />
        <Greeting name='Valeera' />
      </View>
    )
  }
}


AppRegistry.registerComponent('App', () => App)

＆＃13;

Answer 1

React / React-Native中的一个好习惯是每个文件有一个组件类，因此您可以始终默认导出它们（每个文件只能导出一次默认值）。

顺便说一句，您的/usr/xpg4/bin组件将永远不会显示，因为您的App组件不使用它（您的入口点是将包裹您的所有应用程序的主要组件，由var cellEditable = function($scope){ if($scope.row.entity.oldId4===undefined) return false; return $scope.row.entity.oldId4!=$scope.row.entity.id4; }声明文件的结尾）。

所以我建议将LotsOfGreetings组件移到另一个文件中：

LotsOfGreetings.js：

cellEditableCondition : cellEditable

然后您可以在App组件中使用它，如下所示：

App.js：

LotsOfGreetings

从单个js文件导出多个类

1 个答案: