要解决“App.js被渲染了两次，而且身份验证不正常工作”的问题，可以按照以下步骤进行：

1. 检查是否在App.js中有多个渲染的地方，可能是在组件的生命周期方法中多次调用了setState()或者在render()方法中调用了多次render()。

2. 确保身份验证的逻辑正确。可以检查是否正确地设置了身份验证状态，例如使用useState()或useContext()来管理身份验证状态。

下面是一个示例解决方法：

import React, { useState, useEffect } from 'react';

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

  useEffect(() => {
    // 进行身份验证的逻辑，比如发送请求到服务器验证token等
    // 设置isAuthenticated状态为true或false
    setIsAuthenticated(true);
  }, []);

  if (!isAuthenticated) {
    // 如果身份验证失败，可以显示一个登录页面或者重定向到登录页面
    return ;
  }

  // 如果身份验证成功，正常渲染App组件
  return (
    

      {/* ... */}
    
  );
}

export default App;

在这个示例中，我们使用了useState()来管理身份验证状态，使用useEffect()在组件挂载时进行身份验证。如果身份验证失败，会渲染一个LoginPage组件来显示登录页面。如果身份验证成功，则正常渲染App组件。