認識できないエラーをスローするこのコンポーネントがあります。
'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, usable
。Operaブラウザは同様のエラーをスローします。
ファイルをアップロードするための入力タグを含めるときにReactがこのエラーをスローする理由についてフィードバックを得ることができますか?
入力から値を削除します
<input type='file' name='file' />
これがファイルを扱う完全な例ですhttps://www.geeksforgeeks.org/file-uploading-in-react-js/
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加