比如说自定义Select组件
引用
<Form.Item label="内存大小" name="memory"
rules={[
{ required: true, message: '内存大小'}
]}>
<IntegerStep />
组件
export class IntegerStep extends React.Component {
state = {
inputValue: 1,
};
render() {
const { inputValue } = this.state;
return (
<Row>
<Col span={16}>
<Slider
min={1}
max={16157640}
onChange={this.onChang}
value={typeof inputValue === 'number' ? inputValue : 0}
/>
</Col>
<Col span={8}>
<InputNumber
min={1}
max={16157640}
style={{ marginLeft: 30 }}
value={inputValue}
onChange={this.onChang}
/>
</Col>
</Row>
);
}
}
onChang = value => {
this.setState({
inputValue: value,
});
const { onChange } = this.props;
onChange(value);
};