我无法从子组件登录/注销时重新呈现app.js

// App.js

import React, { useState } from "react";
import ChildComponent from "./ChildComponent";

function App() {
  const [isAuthenticated, setIsAuthenticated] = useState(false);

  const handleAuthChange = (isAuth) => {
    setIsAuthenticated(isAuth);
  };

  return (
    <div>
      <h1>My App</h1>
      <ChildComponent handleAuthChange={handleAuthChange} />
    </div>
  );
}

export default App;

// ChildComponent.js

import React from "react";

function ChildComponent({ handleAuthChange }) {
  const handleLogin = () => {
    // 执行登录逻辑
    handleAuthChange(true);
  };

  const handleLogout = () => {
    // 执行注销逻辑
    handleAuthChange(false);
  };

  return (
    <div>
      <button onClick={handleLogin}>登录</button>
      <button onClick={handleLogout}>注销</button>
    </div>
  );
}

export default ChildComponent;