使特定屏幕成为透明的react导航

import React from 'react';

class TransparentScreen extends React.Component {
  render() {
    return (
      <div style={{ opacity: 0.5 }}>
        {/* 屏幕内容 */}
      </div>
    );
  }
}

export default TransparentScreen;

import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
import TransparentScreen from './TransparentScreen';

class App extends React.Component {
  render() {
    return (
      <Router>
        <div>
          <nav>
            <ul>
              <li>
                <Link to="/">Home</Link>
              </li>
              <li>
                <Link to="/transparent">Transparent Screen</Link>
              </li>
            </ul>
          </nav>

          <Route path="/" exact component={Home} />
          <Route path="/transparent" component={TransparentScreen} />
        </div>
      </Router>
    );
  }
}

export default App;