Reactjs 在 React 中使用 ref 获取复选框的值

var MyForm = React.createClass({
    save: function(){
        console.log(this.refs.check_me.value);
    },

    render: function(){
        return <div><h1>MyForm</h1>
            <div className="checkbox">
                <label>
                    <input type="checkbox" ref="check_me" /> Check me out
                </label>
            </div>
            <button className="btn btn-default" onClick={this.save}>Submit</button>
        </div>
    }
});

var MyForm = React.createClass({
  save: function () {
    console.log(this.refs.check_me.checked);
  },

  render: function () {
    return <div><h1>MyForm</h1>
      <div className="checkbox">
        <label>
          <input type="checkbox" ref="check_me" /> Check me out
        </label>
      </div>
      <button className="btn btn-default" onClick={this.save}>Submit</button>
    </div>
  }
});

Reactjs相关问答推荐

我可以使用全局变量而不是React.上下文来在这里传递常数props 吗？

为什么这个'Suspense'子组件在挂起promise解决后会丢失它的状态，而不是呈现？<>

在带有和设计的表格中禁用和取消选中复选框

在一个blog函数中调用setState钩子

Google Firestore无法读取图像-react

无法将react 路由状态从路由传递给子组件

在新屏幕上显示照片时出现问题-react

更改滑块标记的文本 colored颜色 ./Reaction/MUI 5

子路径上未定义useMatches句柄

无法在 NextJS 中获取嵌套对象

Material-UI 和 React Hook 表单不记录值

为什么在 React 的 useEffect 中使用 onAuthStateChanged ？

当`useSelector`回调中的属性值更新时，将会使用更新后的值吗？

无法读取未定义的属性(读取值)...TypeError：无法读取未定义的属性(读取值)

条件渲染元素的测试不起作用

React Three Fiber mesh 标签在此浏览器中无法识别

无法在 reactJS 中使用空包装器 <>

刷新页面时状态改变问题

ReactJS：按钮启用禁用更改 colored颜色

在 Redux 中更新布尔状态时出错