【React工作记录八十】一步步教你用taro封装一个公司库的下拉组件

目录

前言

前言

需求介绍

核心代码部分

样式部分

实现思路介绍（接口调用在子组件执行还是父组件）

总结1

实现思路介绍（get请求传入中文页面获取不到参数） 

总结2

实现思路介绍（如何改变下拉的分页） 

总结3

实现思路介绍（如何控制下拉选择的值渲染到input上）

总结4

实现思路介绍（如何把子组件获取的值给到父组件） 

总结5

实现思路介绍（如何控制事件的冒泡）  

总结6

实现效果

---

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

前言

歌谣 歌谣 如何封装一个公司库的一个组件

需求介绍

首先要实现的是

1第一步 需要在一个input框中输入字符 当字符发生变化的时候进行接口的调用

2超过两个字符开始渲染页面

3将页面的值返回出去

核心代码部分

import Taro, { Component } from "@tarojs/taro";
import { View, Text, Input, Form, ScrollView } from "@tarojs/components";

import { AtList, AtListItem, AtAccordion } from "taro-ui";
import { searchCompanyLibrary } from "@/services/user";
import "./index.scss";
/********
 * @param placeholder String 默认请输入