Question

我想使用reactjs-bootstrap创建通用输入类，并在我的表单中使用它。我的班级代码：

const TextField = React.createClass({
    render: function () {
        var label = (this.props.label != null) ? this.props.label : "";
        var name = (this.props.name != null) ? this.props.name : "";
        var value = (this.props.value != null) ? this.props.value : "";
        return (
            <FormGroup>
                <ControlLabel>{label}</ControlLabel>
                <FormControl type="text" placeholder={label} name={name}
                             value={value} onChange={this.props.onChange}
                />
                <FormControl.Feedback />
            </FormGroup>
        );
    }
});

在我的表单中，我使用它：

 <div className="col-md-3">
     <TextField label="Label"
         name='label_id'
         value={data.label_id} />
 </div>

在我的表格中，我有一些输入，必须是不可取的。在文档中，我看到存在属性dissabled，但是当我写：

<div className="col-md-3">
    <TextField label="Label"
        name='label_id'
        value={data.label_id}
        dissabled />
</div>

它不起作用。我认为这是因为普遍的TextField - 类。如何在我的情况下修复此问题？如果我在父类中指定dissabled-atribute，则所有输入都变得不可用..

Answer 1

将iOS道具传递给您已经执行过的disabled，然后根据TextField支持使用FormControl消费它。

disabled

如何将disabled属性传递给react类中的某些元素？

1 个答案: