React-Native Code不执行

时间:2017-09-14 19:04:13

标签: reactjs react-native

我在这里找不到有什么问题: https://hastebin.com/fuwofavuso.scala(我不能在这里发帖,我不想缩进所有行。)




 从'反应中导入React,{Component} ';
从'react-native'导入{Text,View,StyleSheet,Image,TextInput,AppRegistry};
从'expo'导入{Constants,BlurView};

 export default class App extends Component {
 render(){
返回(
< View style = {{height:200,width:300}}>
< InputText />
< / View>
);& #xA; }
}

 class InputText扩展了Component {
构造函数(道具){
超级(道具);

 this.state = {
文字:'lel',
 };
 }

 render(){
 return(
< div>
< TextInput
 onChangeText = {(text)=> this.setState({text})}
 value = {this.state.text }
 />
<文字值= {this.state.text}>< / Text>
< / div>
);
 }
}

 const styles = StyleSheet.create({
 container:{
 flex:1,
 alignItems:'center',&#xA ; justifyContent:'center',
 paddingTop:Constants.statusBarHeight,
 backgroundColor:'#ecf0f1',
},
段落:{
保证金:24,& #xA; fontSize:18,
 fontWeight:'bold',
 textAlign:'center',
 color:'#34495e',
},
}) ;
 AppRegistry.registerComponent('Unknown Snack',()=> InputText);
  




我的错误是:< / p>&#xA;&#xA;

undefined不是评估_reactnative.appregistry.registerComponent()

&#xA;&#xA;

我在Expo Snack上运行它的对象< / p>&#XA;

1 个答案:

答案 0 :(得分:0)

正如您所见hereregisterComponent函数有两个参数,第二个参数是您的主要组件,在您的情况下,组件的名称似乎是错误的(您的问题可能是因为这个)。我认为你的代码应该是这样的:

AppRegistry.registerComponent('yourAppKey', App);