- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
export default class CheckboxFilter extends React.PureComponent {
private handleChange = (field: string) => (value: unknown) => {
const { onChange } = this.props;
onChange({params: { [field]: value }})
};
private onChangeValue(value: string, onChange: (value: string | null) => void, checked: boolean) {
onChange(checked ? value : null);
}
private onChange = (e: any) => {
const {value, type} = this.props;
if(value) {
this.onChangeValue.bind(null, value, this.handleChange(type))(e);
} else {
this.handleChange(type)(e);
}
}
public render() {
const {checked, children} = this.props;
return (
<Checkbox
onChange={this.onChange}
name='check'
checked={checked}
>
{children}
</Checkbox>
)
}
};
Код на react / typescript.
Особое внимание методу onChange
guest8 12.09.2019 19:00 # −999
guest8 12.09.2019 19:10 # −999
Stallman 12.09.2019 23:58 # 0
Непереводимая игра слов
nABuAH 12.09.2019 19:19 # +1
guest8 12.09.2019 21:15 # −999
nABuAH 12.09.2019 21:25 # 0
6oHo6o 14.09.2019 03:31 # 0
мой брат обезьян думал, что нельзя вызвать метод напрямую передав ему зыс
можно только прибайнднуть