Question

我只是想问一个问题

我是Preact用户，从未尝试过React，几个月前我只做了一个课程。但现在我必须使用React进行项目，并且我试图移植我的一个库：https://github.com/k1r0s/preact-bind-group

此库旨在简化表单设置

<FormGroup watch={change => this.setState({ ...change })}>
      <div className="field">
         <label className="label">Email</label>
         <div className="control">
            <input data-bind="mail" className="input"/>
         </div>
      </div>
     <div className="field">
        <label className="label">Contraseña</label>
        <div className="control">
         <input data-bind="pass" type="password" className="input"/>
        </div>
     </div>
     <div>
       <a onClick={_ => this.doLogin(this.state)} className="button is-primary">Submit</a>
    </div>
</FormGroup>

我的代码完全适用于Preact，但我面临React上的问题，例如输入每次我在表单上丢失焦点而不是更新字段值。

这是React示例：https://codesandbox.io/s/9jv6n8mnrp

这是正在运作的Preact：https://codesandbox.io/s/wmpv1o4z8

这个库保持一个内部状态来管理字段值和事件..我做错了什么？帮助赞赏

Answer 1

删除键示例有效：\

但警告仍然出现

将库从Preact移植到React

1 个答案: