forms - Preact から React へのライブラリの移植

Question

質問したいだけです

私は Preact ユーザーですが、React を試したことはありません。数か月前にコースを受講しただけです。しかし今、プロジェクトに React を使用する必要があり、ライブラリの 1 つを移植しようとしています: 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

このライブラリは、フィールド値とイベントを管理するための内部状態を保持しています。何が間違っていますか? 助けて感謝