在React中动态添加类名。有顺风。css

假设我有一个React组件,它从 props 例如:

import React from "react";

export default function Header({navColor}) {

  return (
    <nav
    className="flex justify-center items-center text-white  text-xl h-14"> //I want to add a class that it's name is the (navColor) value to the nav tag 
      TEST
    </nav>
  );
}

如何才能做到这一点?