selectbox/main.js

40 lines
798 B
JavaScript

import React from 'react';
import ReactDOM from 'react-dom';
import Selectbox from './Selectbox.js';
const OPTIONS = {
day: 'День',
week: 'Неделя',
month: 'Месяц',
kak: 'Полный период детализации',
};
class Test extends React.PureComponent
{
state = {
value: [ 'day' ],
}
onChange = (v) =>
{
this.setState({ value: v });
}
render()
{
return <div style={{padding: '20px', width: '300px', background: '#e0e8ff'}}>
<Selectbox
source={OPTIONS}
multiple={true}
value={this.state.value}
onChange={this.onChange}
/>
</div>;
}
}
ReactDOM.render(
<Test />, document.getElementById('app')
);