ReactとReact Nativeにはかなり新しく、React NativeBaseで遊んでいます。React NativeBaseにインポートされたコンポーネントが表示されない
私は1つのファイル内で以下の作業をすることができましたが、今はコードを別々のファイルで複数のコンポーネントに分割しようとしています。
問題はインポートしたコンポーネントが表示されないということです。私はこれでしばらくの間苦労しました。私が間違っていることを見ることはできません。おそらく何か本当にばかげています。ここで
は私のコードです:
コード/ index.ios.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import {
Container,
Title,
Header,
} from 'native-base';
import MainContent from './main';
class AwesomeNativeBase extends Component {
render() {
return (
<Container>
<Header>
<Title>My awesome app</Title>
</Header>
<MainContent />
</Container>
);
}
}
AppRegistry.registerComponent('AwesomeNativeBase',() => AwesomeNativeBase);
コード/ main.js
import React from 'react';
import { Text } from 'react-native';
import { Content } from 'native-base';
export default class MainContent extends React.Component {
render() {
return (
<Content>
<Text>Oh hello there!</Text>
</Content>
);
}
}
私が使用してこれを実行しています:
rnpm link
react-native run-ios
index.ios.js
のコードは明確に表示され、ヘッダーはiPhoneシミュレータに表示されますが、main.js
のテキストは表示されません。
ご協力いただきありがとうございます。
あなたは分かりましたか? – EQuimper
エラーを再現させて、解決策を提案してください。 –
まだありません。私は 'export default'が' index.ios.js'のコンポーネントと衝突していると思っていましたので、 'MainContent'を独自のコンポーネントディレクトリに移動しましたが、これはまだ動作しませんでした。 – mrpopo