以反应形式使用自定义反应组分

Question

我想使用ReactBootstrapSlider组件作为表单控件（react-router-form）：

import ReactBootstrapSlider from 'react-bootstrap-slider';

<ReactBootstrapSlider
              value={this.state.offer.price}
              step={10}
              min={0}
              max={100}
            />

以下是使用类型编号的常规表单输入的原始代码：

import Form from 'react-router-form';
import {FormControl, FormGroup, ControlLabel, Button } from 'react-bootstrap';

render() {
    return (
      <div>
        <Form method="POST" to="/create-offer" dataKey="offer">
          <FormGroup controlId="formControlsPrice">
            <ControlLabel>Price</ControlLabel>
            <FormControl
              type="number"
              placeholder="Enter price"
              defaultValue={this.state.offer.price}
            />
          </FormGroup>
          <p>
            <Button type="submit">Submit</Button>
          </p>
        </Form>
    );
}

我想用滑块替换标准表单控件。 当我用<FormControl>替换<ReactBootstrapSlider>组件时，price属性未添加到商品对象中。

任何帮助将不胜感激。