我尝试使用react-bootstrap复选框 (https://react-bootstrap.github.io/components.html#forms-controls),当复选框的状态改变时,我需要触发一个事件。而且最好能够通过编程方式勾选/取消它并检查它是否被选中。不幸的是,当代码被转译和渲染时,它会将输入框包装在一个div中。
我该如何在DOM中找到这个元素并对其进行操作?
我的代码看起来类似于这样:
我该如何在DOM中找到这个元素并对其进行操作?
我的代码看起来类似于这样:
import React, { PropTypes } from 'react';
import { Checkbox } from 'react-bootstrap';
const EditItem = (props) => {
return (
<div>
<Checkbox style={{ marginLeft: '15px' }} >{props.itemLable}</Checkbox>
</div>
);
};
export default EditItem;
浏览器将其呈现为:
...
<div class="checkbox" style="margin-left: 15px;">
<label>
<input type="checkbox">
</label>
</div>
...
我在文档中看到了inputRef属性,但是我找不到任何关于它的示例,也无法使其正常工作。