Reactのエラー回避まとめ

1.JSX expressions must have one parent element.ts

const App = () => {
  return (
      <h1>React</h1>
      <h1>エラーが出る</h1>
  );
};

JSXの要素は一つのタグで囲まなければいけない。ただエラー回避したいだけならこれでOK

const App = () => {
  return (
    <>
      <h1>React</h1>
      <h1>エラー回避</h1>
    </>
  );
};

2.'msg' is declared but its value is never read.

const msg = () => {
  return <p>エラー出る</p>;
};

ユーザー定義のコンポーネントは大文字で始める

const Msg = () => {
  return <p>エラー回避</p>;
};