Reactjs Undefined不是函数（计算'；(u reactNativeOuterflux.Actions.chat'；)）

我写的是

import {
    Actions,
} from 'react-native-router-flux';

   <TouchableOpacity
        onPress={()=>{
        Actions.chat({
        name:{this.state.name},
        });
   }}>
    <Text style={styles.bottonText}>
   Next
   </Text>
  </TouchableOpacity>

导入{
行动，
}来自“react native router flux”；
{
Actions.chat({
名称：{this.state.name}，
});
}}>
下一个

---

但是我不断地在

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,
    },
});

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>
        );
    }
}

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>
        );
    }
}

import React，{Component}来自'React'；
进口{
看法
文本，
样式表，
文本输入，
可触摸不透明度，
}从“反应本机”；
进口{
行动，
}来自“react native router flux”；
导出默认类Home extends组件{
陈述={
姓名：“，
};
建造师（道具）{
超级（道具）；
}
render（）{
返回(
输入您的姓名：
{
这是我的国家({
名称：文本，
})
}}
值={this.state.name}
/>
{
Actions.chat({
名称：{this.state.name}，
});
}}>
下一个
);
}
}
const styles=StyleSheet.create({
标题：{
玛金托普：20，
marginLeft:20，
尺寸：20，
},
名称输入：{
填充：5，
身高：40，
边界宽度：2，
边框颜色：'#000000'，
差额：20
},
bottonText：{
marginLeft:20，
尺寸：20，
},
});

App.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,
    },
});

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>
        );
    }
}

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>
        );
    }
}

import React，{Component}来自'React'；
从“./components/Home”导入Home；
从“./components/Chat”导入聊天；
进口{
路由器，
场景
}来自“react native router flux”；
进口{
站台
}从“反应本机”；
导出默认类应用程序扩展组件{
render（）{
返回(
);
}
}

和Chat.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,
    },
});

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>
        );
    }
}

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>
        );
    }
}

import React，{Component}来自'React'；
进口{
看法
文本，
}从“反应本机”；
导出默认类聊天扩展组件{
render（）{
返回(
你好{this.props.name}
);
}
}
这是我的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,
    },
});

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>
        );
    }
}

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>
        );
    }
}

import React，{Component}来自'React'；
进口{
看法
文本，
样式表，
文本输入，
可触摸不透明度，
}从“反应本机”；
进口{
行动，
}来自“react native router flux”；
导出默认类Home extends组件{
陈述={
姓名：“，
};
建造师（道具）{
超级（道具）；
}
render（）{
返回(
输入您的姓名：
{
这是我的国家({
名称：文本，
})
}}
值={this.state.name}
/>
{
Actions.chat({
名称：{this.state.name}，
});
}}>
下一个
);
}
}
const styles=StyleSheet.create({
标题：{
玛金托普：20，
marginLeft:20，
尺寸：20，
},
名称输入：{
填充：5，
身高：40，
边界宽度：2，
边框颜色：'#000000'，
差额：20
},
bottonText：{
marginLeft:20，
尺寸：20，
},
});

App.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,
    },
});

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>
        );
    }
}

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>
        );
    }
}

import React，{Component}来自'React'；
从“./components/Home”导入Home；
从“./components/Chat”导入聊天；
进口{
路由器，
场景
}来自“react native router flux”；
进口{
站台
}从“反应本机”；
导出默认类应用程序扩展组件{
render（）{
返回(
);
}
}

和Chat.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,
    },
});

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>
        );
    }
}

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>
        );
    }
}

import React，{Component}来自'React'；
进口{
看法
文本，
}从“反应本机”；
导出默认类聊天扩展组件{
render（）{
返回(
你好{this.props.name}
);
}
}
什么是
聊天
？需要更多的代码：您如何以及在哪里编写所有
操作
路线？也按原样发布代码，
TouchableOpacity
在
render（）
中，
render（）
在
类中，等等。什么是
chat
？需要更多代码：您如何以及在哪里编写所有
操作
路由？同时按原样发布代码，
touchablepacity
在
render（）
中，
render（）
在
类中，等等。。