react native下拉二级菜单功能实现

最新推荐文章于 2024-08-23 09:33:11 发布

wendy-jin

最新推荐文章于 2024-08-23 09:33:11 发布

阅读量861

点赞数 1

文章标签： react react native javascript

本文链接：https://blog.csdn.net/qq_37002224/article/details/106392565

版权

效果

在这里插入图片描述

实现思路

首先实现点击左侧数据，然后获取对应index，根据index显示对应的右侧数据
数据结构：

const data1 = [
	{
   
		"All": ["All"],
	},
	{
   
		"Education class": [
			"All",
			"Tutor",
			"Teaching assistant"
		],
	}
	, {
   
		"Internet classes": [
			"All",
			"Tutor",
			"Technology",
			"Product",
			"Operating",
			"Design"
		]
	}, {
   
		"Campus class": [
			"All",
			"Internship",
			"The campus"
		]
	}, {
   
		"Service class": [
			"All",
			"The waiter",
			"Customer service",
			"Food delivery",
			"Courier"
		]
	}, {
   
		"Market class": [
			"All",
			"Send a single",
			"Sweep the yard",
			"Sales promotion",
			"Sales"
		]
	}, {
   
		"Writing class": [
			"All",
			"Translation",
			"Clerk",
			"Planning",
			"The editor"
		]
	}, {
   
		"Action class": [
			"All",
			"The performance",
			"Etiquette",
			"Model",
			"Host",
			"Security"
		]
	}, {
   
		"Other": [
			"All&#