react-router链接属性的条件渲染

import { Link } from 'react-router-dom';

const isLoggedIn = true;

const App = () => {
  return (
    <div>
      {isLoggedIn ? (
        <Link to="/dashboard">Go to Dashboard</Link>
      ) : (
        <Link to="/login">Go to Login</Link>
      )}
    </div>
  );
};

import { Link } from 'react-router-dom';

const isLoggedIn = true;
const hasPermission = true;

const App = () => {
  return (
    <div>
      {isLoggedIn && hasPermission && (
        <Link to="/admin">Go to Admin Panel</Link>
      )}
    </div>
  );
};