google-maps - Google Places API を使用した Formik がフォーム送信をトリガーしています

Question

現在、Formik を使用して場所を含むフォームを作成しようとしています。Google Places Autocomplete を使用したいと考えています。

必要な Google プレイス データを正常に取得できましたが、フォームの送信がトリガーされています。

問題のサンドボックスを作成します: https://codesandbox.io/embed/0xrrmj024p

Formik を使用するのはこれが初めてでsetValueField、Google プレイスからデータを取得したら、おそらく使用する必要があることを知っています。

私の最初の懸念は、Google オートコンプリート トリガー フォームが送信されないことです。次に、値を Formik に渡すことについて心配します。

Answer 1

理解した！

var input = document.getElementById("googleLocation");
    google.maps.event.addDomListener(input, "keydown", function(event) {
      if (event.keyCode === 13) {
        event.preventDefault();
      }
    });