---
title: 信息脱敏
order: 2
docGenIncludes:
  - src/components/YwDetailInfo/index.tsx
---



```jsx
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { YwDetailInfo,OpenEye, CloseEye } from '@ywfe/yw-design';
const dataSource =  [
  [
    {
      label: '平台类型',
      value: '快手小店',
    },
    {
      label: '收货地址',
      value: '浙江杭州********',
    },
    {
      label: '手机号',
      value: '1324****344',
    },
    {
      label: '收货人',
      value: '张**',
    },
  ],
  [
    {
      label: '平台类型',
      value: '快手小店',
    },
    {
      label: '平台店铺',
      value: '李宣卓的小店',
    },
    {
      label: '平台单号',
      value: '4454353425436546546',
    },
    {
      label: '买家备注',
      value: '矫情，不要给他发顺丰矫情，矫情，不要给他发顺丰矫情矫情，不要给他发顺丰矫情...',
      hasMore: true,
    },
  ],
];
const App = ()=>{
    const SubTitleIcon = <OpenEye onClick={()=>{    }}/>
    return (
      <div>
        <YwDetailInfo title="基本信息" subtitle={SubTitleIcon} dataSource={dataSource}/>
      </div>
    );
}

ReactDOM.render(<App />, mountNode);
```