Reactで「InvalidStateError」を解決するにはどうすればよいですか?

road_runner

認識できないエラーをスローするこのコンポーネントがあります。

'react'からReactをインポートします。

const Search = () => {
  return (
    <section className='section'>
     <div className='container'>

    <div className='row'>
      <div className='columns'>
        <div className='column is-full'>
          <h3 id='branding' className='title is-size-3'>search</h3>
          <form>
            <div className='field'>
              <div className='control has-icons-right'>
              <input type='text' name='search' className='input is-medium' autofocus='autofocus' required />
              <span className='icon is-medium is-right'>
                <i className="fas fa-search fa-2x" />
              </span>
            </div>
          </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>
 )
}

export default Search;

次のように、テキスト入力の下にファイルアップロード入力を追加するとすぐに:

<div className='field'>
 <div className='control has-icons-right'>
  <input type='text' name='search' className='input is-medium' autofocus='autofocus' required />
  <span className='icon is-medium is-right'>
   <i className="fas fa-search fa-2x" />
  </span>
 </div>
<div className='field'>
  <input type='file' name='file' value='Photo' />
</div>
</div>

Firefox DevEditionからエラー出力が表示されますInvalidStateError: An attempt was made to use an object that is not, or is no longer, usableOperaブラウザは同様のエラーをスローします。

ファイルをアップロードするための入力タグを含めるときにReactがこのエラーをスローする理由についてフィードバックを得ることができますか?

スクリーンショット: ここに画像の説明を入力してください

ムハンマド・イリヤス

入力から値を削除します

<input type='file' name='file' />

これがファイルを扱う完全な例ですhttps://www.geeksforgeeks.org/file-uploading-in-react-js/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

Reactで「_thisisundefined」を解決するにはどうすればよいですか?

分類Dev

Rvestで「xmlmissing」を解決するにはどうすればよいですか?

分類Dev

CustomListでNullPointerExceptionを解決するにはどうすればよいですか

分類Dev

これを解決するにはどうすればよいですか?Javascript

分類Dev

これを解決するにはどうすればよいですか?

分類Dev

ClassNotFoundExceptionを解決するにはどうすればよいですか?

分類Dev

MongoWaitQueueFullExceptionを解決するにはどうすればよいですか?

分類Dev

MongoWaitQueueFullExceptionを解決するにはどうすればよいですか?

分類Dev

`PlaceAutocompleteFragment`を解決するにはどうすればよいですか?

分類Dev

警告DEPMODを解決するにはどうすればよいですか

分類Dev

TypeErrorを解決するにはどうすればよいですか

分類Dev

SqlNullValueExceptionを解決するにはどうすればよいですか?

分類Dev

SpringSecurity構成を解決するにはどうすればよいですか

分類Dev

ActiveRecord :: UnknownAttributeErrorを解決するにはどうすればよいですか?

分類Dev

次の条件を解決するにはどうすればよいですか?

分類Dev

React + MaterialUIでこのエラーを解決するにはどうすればよいですか?

分類Dev

tests-library-reactの「updatewasnotwrapped inact()」警告を解決するにはどうすればよいですか?

分類Dev

空白のページを解決するにはどうすればよいですか?(React初心者)

分類Dev

ReactのServiceWorkerエラーを解決するにはどうすればよいですか?

分類Dev

React void element tagエラーを解決するにはどうすればよいですか?

分類Dev

未解決の包含を解決するにはどうすればよいですか:<mongoc.h>?

分類Dev

「モジュールを解決できません...」エラーをreact-nativeで解決するにはどうすればよいですか?

分類Dev

reCAPTCHAが解決されたかどうかを確認するにはどうすればよいですか?

分類Dev

djangoで送信されないフォームを解決するにはどうすればよいですか?

分類Dev

firebaseの「subscribeToTopic」が原因で発生するNoSuchMethodErrorを解決するにはどうすればよいですか?

分類Dev

Elixirで競合する動作の警告を解決するにはどうすればよいですか?

分類Dev

probplot、Matlabで重複するYtickラベルを解決するにはどうすればよいですか?

分類Dev

計算を完了する前に変数を解決するにはどうすればよいですか?

分類Dev

数値を比較するときに問題を解決するにはどうすればよいですか?

Related 関連記事

  1. 1

    Reactで「_thisisundefined」を解決するにはどうすればよいですか?

  2. 2

    Rvestで「xmlmissing」を解決するにはどうすればよいですか?

  3. 3

    CustomListでNullPointerExceptionを解決するにはどうすればよいですか

  4. 4

    これを解決するにはどうすればよいですか?Javascript

  5. 5

    これを解決するにはどうすればよいですか?

  6. 6

    ClassNotFoundExceptionを解決するにはどうすればよいですか?

  7. 7

    MongoWaitQueueFullExceptionを解決するにはどうすればよいですか?

  8. 8

    MongoWaitQueueFullExceptionを解決するにはどうすればよいですか?

  9. 9

    `PlaceAutocompleteFragment`を解決するにはどうすればよいですか?

  10. 10

    警告DEPMODを解決するにはどうすればよいですか

  11. 11

    TypeErrorを解決するにはどうすればよいですか

  12. 12

    SqlNullValueExceptionを解決するにはどうすればよいですか?

  13. 13

    SpringSecurity構成を解決するにはどうすればよいですか

  14. 14

    ActiveRecord :: UnknownAttributeErrorを解決するにはどうすればよいですか?

  15. 15

    次の条件を解決するにはどうすればよいですか?

  16. 16

    React + MaterialUIでこのエラーを解決するにはどうすればよいですか?

  17. 17

    tests-library-reactの「updatewasnotwrapped inact()」警告を解決するにはどうすればよいですか?

  18. 18

    空白のページを解決するにはどうすればよいですか?(React初心者)

  19. 19

    ReactのServiceWorkerエラーを解決するにはどうすればよいですか?

  20. 20

    React void element tagエラーを解決するにはどうすればよいですか?

  21. 21

    未解決の包含を解決するにはどうすればよいですか:<mongoc.h>?

  22. 22

    「モジュールを解決できません...」エラーをreact-nativeで解決するにはどうすればよいですか?

  23. 23

    reCAPTCHAが解決されたかどうかを確認するにはどうすればよいですか?

  24. 24

    djangoで送信されないフォームを解決するにはどうすればよいですか?

  25. 25

    firebaseの「subscribeToTopic」が原因で発生するNoSuchMethodErrorを解決するにはどうすればよいですか?

  26. 26

    Elixirで競合する動作の警告を解決するにはどうすればよいですか?

  27. 27

    probplot、Matlabで重複するYtickラベルを解決するにはどうすればよいですか?

  28. 28

    計算を完了する前に変数を解決するにはどうすればよいですか?

  29. 29

    数値を比較するときに問題を解決するにはどうすればよいですか?

ホットタグ

アーカイブ