Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 错误:应为字符串或类/函数,但找到:对象为本机_Javascript_Android_Debugging_React Native - Fatal编程技术网

Javascript 错误:应为字符串或类/函数,但找到:对象为本机

Javascript 错误:应为字符串或类/函数,但找到:对象为本机,javascript,android,debugging,react-native,Javascript,Android,Debugging,React Native,我正在尝试实现react native侧视图 现在发生的事情是,当我尝试添加菜单组件时,它显示了一个错误,但没有任何关于错误是什么的指示。我认为它是基于javascript的,但仍然无法确定确切的原因。任何帮助都将不胜感激 这是Menu.js /** * Sample React Native App * https://github.com/facebook/react-native */ import React, { Component } from 'react'; import

我正在尝试实现react native侧视图 现在发生的事情是,当我尝试添加菜单组件时,它显示了一个错误,但没有任何关于错误是什么的指示。我认为它是基于javascript的,但仍然无法确定确切的原因。任何帮助都将不胜感激

这是Menu.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 */

import React, { Component } from 'react';
import {
  Dimensions,
 StyleSheet,
 ScrollView,
 View,
 Image,
 Text,
} from 'react-native';

const window = Dimensions.get('window');


class Menu extends Component {
  static propTypes = {
    onItemSelected: React.PropTypes.func.isRequired,
  };

  render() {
    return (
      <ScrollView scrollsToTop={false} style={styles.menu}>
        <View style={styles.avatarContainer}>
          <Text style={styles.name}>Your name</Text>
        </View>

        <Text
          onPress={() => this.props.onItemSelected('About')}
          style={styles.item}>
          About
        </Text>

        <Text
          onPress={() => this.props.onItemSelected('Contacts')}
          style={styles.item}>
          Contacts
        </Text>
      </ScrollView>
    );
  }
};

const styles = StyleSheet.create({
  menu: {
    flex: 1,
    width: window.width,
    height: window.height,
    backgroundColor: 'gray',
    padding: 20,
  },
  avatarContainer: {
    marginBottom: 20,
    marginTop: 20,
  },
  avatar: {
    width: 48,
    height: 48,
    borderRadius: 24,
    flex: 1,
  },
  name: {
    position: 'absolute',
    left: 70,
    top: 20,
  },
  item: {
    fontSize: 14,
    fontWeight: '300',
    paddingTop: 5,
  },
});

module.export = Menu;
/**
*示例React本机应用程序
* https://github.com/facebook/react-native
*/
从“React”导入React,{Component};
进口{
尺寸,
样式表,
滚动视图,
看法
形象,,
文本,
}从“反应本机”;
const window=Dimensions.get('window');
类菜单扩展组件{
静态类型={
已选择:需要React.PropTypes.func,
};
render(){
返回(
你的名字
this.props.onItemSelected('About')}
style={style.item}>
关于
this.props.onItemSelected('Contacts')}
style={style.item}>
联络
);
}
};
const styles=StyleSheet.create({
菜单:{
弹性:1,
宽度:window.width,
高度:window.height,
背景颜色:“灰色”,
填充:20,
},
化身容器:{
marginBottom:20,
玛金托普:20,
},
化身:{
宽度:48,
身高:48,
边界半径:24,
弹性:1,
},
姓名:{
位置:'绝对',
左:70,
前20名,
},
项目:{
尺寸:14,
fontWeight:'300',
paddingTop:5,
},
});
module.export=菜单;
这是使用此组件的代码,现在它给出错误,如图所示

const SideMenu = require('react-native-side-menu');
// var Menu = require('./Menu').default;
class Application extends Component {


  onMenuItemSelected = (item) => {
    this.setState({
      isOpen: false,
      selectedItem: item,
    });
  }

  render() {
    // const menu = <Menu onItemSelected={this.onMenuItemSelected} />;
    return (
      <SideMenu menu={<Menu />}>
const SideMenu=require('react-native-side-menu');
//var Menu=require(“./Menu”)。默认值;
类应用程序扩展组件{
onMenuItemSelected=(项目)=>{
这是我的国家({
伊索彭:错,
选择编辑项:项目,
});
}
render(){
//常量菜单=;
返回(

应用程序组件从何处获取对菜单的引用?我看到该行被注释掉了。它应该是
var Menu=require(“./Menu”)
。尝试了之后,对其进行了注释,得到了同样的错误:\n获取菜单引用的应用程序组件在哪里?我看到该行被注释掉了。它应该是
var Menu=require('./Menu')
。尝试了之后,对其进行了注释,得到了同样的错误:\