在React js中加载javascript和css，但不在导航上工作

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

const MyComponent = () => {
  useEffect(() => {
    import('./path/to/javascript.js')
      .then((module) => {
        // 执行需要的操作
      })
      .catch((error) => {
        // 处理加载错误
      });
  }, []);

  return <div>My Component</div>;
};

import React from 'react';

const MyCSSComponent = () => {
  // 这里是CSS样式的内容
  return (
    <style>
      {`
        // CSS 样式
      `}
    </style>
  );
};

export default MyCSSComponent;

import React, { lazy, Suspense } from 'react';

const MyComponent = () => {
  const LazyCSSComponent = lazy(() => import('./path/to/css-component.js'));

  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <LazyCSSComponent />
      </Suspense>
      <div>My Component</div>
    </div>
  );
};