好像你正试图访问'ReactNative.createClass'

时间:2017-05-31 13:13:46

标签: javascript react-native babeljs react-native-android

我运行以下代码来创建一个呈现视图的组件,但它产生了一些错误。代码如下:

var React = require('react-native');

var Dictionary = React.createClass({
	
	render: function() {
		var layout = 
			<React.View style = { styles.parent } >
				
				<React.Text>
					Type something in English:
				</React.Text>
				
				<React.TextInput />
				
				<React.Text style = { styles.germanLabel } >
					It's German equivalent is:
				</React.Text>
				
				<React.Text style = { styles.germanWord } >
				</React.Text>
				
			</React.View>
		;
		return layout;
	},
});

var styles = React.StyleSheet.create({
	
	// For the container View
	parent: {
		padding: 16
	},
	
	// For the Text Label
	germanLabel: {
		marginTop: 20,
		fontWeight: 'bold'
	},
	
	// For the Text meaning
	germanWord: {
		marginTop: 15,
		fontSize: 30,
		fontStyle: 'italic'
	}
});

React.AppRegistry.registerComponent('Dictionary', () => Dictionary);

并收到以下错误:

enter image description here

我甚至尝试过包含import React, { Component } from 'react';,但它不起作用。可能是因为过时的版本还是什么?我在反应原生方面不是很好。

0 个答案:

没有答案