未定义不是(评估“_reactNativeRouterFlux.Actions.chat”)
问题描述:
我所写的是未定义不是(评估“_reactNativeRouterFlux.Actions.chat”)
import {
Actions,
} from 'react-native-router-flux';
<TouchableOpacity
onPress={()=>{
Actions.chat({
name:{this.state.name},
});
}}>
<Text style={styles.bottonText}>
Next
</Text>
</TouchableOpacity>
但我汽车无收到错误与Actions.chat();
功能。我还需要考虑什么?
答
这里是我的Home.js代码
import React, {Component} from 'react';
import{
View,
Text,
StyleSheet,
TextInput,
TouchableOpacity,
} from 'react-native';
import {
Actions,
} from 'react-native-router-flux';
export default class Home extends Component{
state={
name:"",
};
constructor(props) {
super(props);
}
render(){
return(
<View>
<Text style={styles.title}>
Enter your name :
</Text>
<TextInput
style={styles.nameInput}
placeholder='Rafin Karki'
onChangeText={(text)=>{
this.setState({
name:text,
})
}}
value={this.state.name}
/>
<TouchableOpacity
onPress={()=>{
Actions.chat({
name:{this.state.name},
});
}}>
<Text style={styles.bottonText}>
Next
</Text>
</TouchableOpacity>
</View>
);
}
}
const styles=StyleSheet.create({
title:{
marginTop: 20,
marginLeft: 20,
fontSize: 20,
},
nameInput:{
padding:5,
height:40,
borderWidth: 2,
borderColor: '#000000',
margin:20
},
bottonText:{
marginLeft: 20,
fontSize:20,
},
});
代码App.js
import React, {Component} from 'react';
import Home from './components/Home';
import Chat from './components/Chat';
import {
Router,
Scene,
} from 'react-native-router-flux';
import {
Platform
} from 'react-native';
export default class App extends Component{
render(){
return(
<Router>
<Scene key='root' style={{ paddingTop:Platform.OS==='ios'?64:54}}>
<Scene key='home' component={Home} title='Home'/>
<Scene key='chat' component={Chat} title='Chat'/>
</Scene>
</Router>
);
}
}
而且Chat.js
import React,{Component} from 'react';
import{
View,
Text,
} from 'react-native';
export default class Chat extends Component{
render(){
return(
<View>
<Text>
Hello {this.props.name}
</Text>
</View>
);
}
}
什么是' chat'? – Andrew
需要更多代码:如何以及在哪里编写了所有的“操作”路线?同样按照原样发布代码,'TouchableOpacity'位于'render()'内,'render()'位于'class'内等。 –