React – Uncaught Error: xxx is a void element tag

エラー例

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