maycur-business
Version:
maycur business react components of web
48 lines (41 loc) • 1.21 kB
Markdown
#### 货币选择
关键字:单选,记录5个最近选择结果,前端搜索
```jsx inside Markdown
class Example extends React.Component{
constructor(props){
super(props);
this.state={
text:'选择货币',
};
}
render(){
let mockData=[
{
"id":123,
"code":"CNY",
"name":"人民币",
"symbol":"¥",
"popularity":1,
"currency_no":"123",
"fractional":2
},
{
"id":124,
"code":"HKD",
"name":"港币",
"symbol":"$",
"popularity":1,
"currency_no":"124",
"fractional":2
}
];
const {text} = this.state;
return (<div>
<CurrencySelector data={mockData} onChange={(val)=>{ this.setState({text:val.name}) }}>
<div sytle={{position:'relative'}}>{text}</div>
</CurrencySelector>
</div> )
}
};
<Example />
```