🖥

React – Uncaught Error: xxx is a void element tag

2023/09/01に公開

エラー例

react-dom.development.js:2942 Uncaught Error: input is a void element tag and must neither have childrennor usedangerouslySetInnerHTML.

コード例


function App() {
  return (
    <>
      <input>AAA</input>
    </>
  )
}

export default App;

解決

他の要素を囲えないタグには他の要素を入れてはいけない
単一で利用しよう


function App() {
  return (
    <>
      <input value="AAA"/>
    </>
  )
}

export default App;

環境

next@13.1.1

チャットメンバー募集

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

Twitter

https://twitter.com/YumaInaura

公開日時

2023-01-06

Discussion