native react 二级菜单_ReactNative: 组件封装(如二级菜单组件)

import React, { Component } from 'react';

import {

StyleSheet,

View,

Dimensions

} from'react-native';

import HeadList from'./HeadList'import LeftList from"./LeftList";

import RightList from"./RightList";const {height} = Dimensions.get('window');

let data={};

let headData=[];

let leftData=[];

let rightData=[];

exportdefault classMenuList extends Component{

constructor(props){

super(props);

data=props.data;//初始化头部数据

for (let item indata){

headData.push(item);

}//初始化左侧数据

let defaultLValue = headData[0];for (let item indata[defaultLValue]){

leftData.push(item);

}//初始化右侧数据

let defaultRValue = leftData[0];

rightData=data[defaultLVal