@beisen-phoenix/mobile-person-selector v2.0.0

选人组件设计/开发过程

• 接口外围，做为基础组件只接受数据，和行为相关的参数，尽可能成为一个纯组件。无任何业务相关逻辑
• 想内置接口的话，再基于基础组件做二次封装，这样基础组件的可复用性会更强
• 先定义组件渲染需要的数据结构，
• 实现基于设计数据的渲染
• 补充交互

一、定义最基础的数据结构

interface IPerson {
  id: string | number;
  name: string;
  avatar: string;
  email: string;
}

万一接口接受到的数据格式不一样怎么办，后面再说

对于选人组件来说，选择的，和展示人员，是个列表，列表应该用数组来表示。所以我们得到了第一个组件的属性data是Person的数组

interface IPersonSelectorProps {
  data: IPerson[];
}

基于这个数据，我们先把这个列表渲染出来