react-bootstrap 组件开关不起作用

根据 react-bootstrap 组件开关不起作用，我们来探讨一下可能出现的原因以及如何解决这个问题。React-bootstrap 是一个基于 React 的 UI 组件库，它提供了一系列易于使用的组件，包括开关组件。然而，有时候我们可能会遇到开关不起作用的情况，这可能是由于以下几个原因导致的：

javascript
import { useState } from 'react';
import { Form } from 'react-bootstrap';
function App() {
  const [checked, setChecked] = useState(false);
  const handleChange = () => {
    setChecked(!checked);
  };
  return (
    
              type="switch"
        id="custom-switch"
        label="开关"
        checked={checked}
        onChange={handleChange}
      />
    
  );
}
export default App;

javascript
import 'bootstrap/dist/css/bootstrap.min.css';

javascript
import { useState } from 'react';
import { Form } from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';
function App() {
  const [checked, setChecked] = useState(false);
  const handleChange = () => {
    setChecked(!checked);
  };
  return (
    
              type="switch"
        id="custom-switch"
        label="开关"
        checked={checked}
        onChange={handleChange}
      />
    
  );
}
export default App;