带复选框的双向绑定始终返回"on"

 失---- 发布于 2023-01-15 10:04

我正在尝试通过遵循这个官方教程:"双向绑定助手"在React.js框架中重现一个简单的双向绑定示例.

我创建了一个"MyCheckbox"组件,如下所示:

var MyCheckbox = React.createClass({

    mixins: [React.addons.LinkedStateMixin],

    getInitialState: function () {
        return {
            fieldname: '',
            value: this.props.value
        };
    },

    render: function () {
        var valueLink = this.linkState('value');
        var me = this;
        var handleChange = function (e) {
            valueLink.requestChange(e.target.value === 'on');
        };

        return React.DOM.input({
            type: 'checkbox',
            checked: valueLink.value,
            onChange: handleChange,
        });
    }

});

"MyCheckbox"以下列方式呈现:

React.renderComponent(MyCheckbox({
    value: false
}), document.body);

第一次渲染时,一切都按预期工作,如果值为true,则复选框将被选中,如果值为则false则不会.

如果您将复选框初始化为未选中,然后检查它,一切正常.

单击复选框取消选中它时的问题e.target.value始终是"打开".

我还想问一下ReactLink没有LinkedStateMixin和ReactLink之间有什么区别,没有valueLink数据绑定方法?

有任何想法吗 ?

我使用最新的React.js版本(v0.10.0).

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有