1

我只想问一个问题

我是 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

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

4

1 回答 1

0

删除密钥示例有效：\

但警告不断出现

于 2018-03-14T10:04:47.107 回答