Closed1

ReactでuseStateの前に早期リターンしたくなったら

KTFKTF

その親コンポーネントに条件分岐のロジックを移し、レンダリングしないようにする。

NG

function ChildComponent(props) {
  if (!props.data) {
    return null; // 早期リターン
  }

  const [state, setState] = useState(initialState);

  // ...その他のロジックやJSXのレンダリング...
}

OK

function ParentComponent(props) {
  if (!props.data) {
    return null; // 早期リターン
  }

  return <ChildComponent data={props.data} />;
}

function ChildComponent(props) {
  const [state, setState] = useState(initialState);

  // ...その他のロジックやJSXのレンダリング...
}
このスクラップは2023/10/03にクローズされました