React-导航不会在更改时以编程方式更改标题颜色

import React, { useState } from 'react';

function Navbar() {
  const [titleColor, setTitleColor] = useState('black');

  // 其他导航栏相关的代码...

  return (
    <div className="navbar">
      <h1 style={{ color: titleColor }}>导航标题</h1>
      {/* 其他导航栏元素 */}
    </div>
  );
}

export default Navbar;

function Navbar() {
  const [titleColor, setTitleColor] = useState('black');

  const handleNavigationChange = () => {
    // 导航发生变化时的处理逻辑
    // 可以根据具体需求决定如何更改标题颜色
    setTitleColor('red');
  };

  // 其他导航栏相关的代码...

  return (
    <div className="navbar">
      <h1 style={{ color: titleColor }}>导航标题</h1>
      {/* 其他导航栏元素 */}
    </div>
  );
}