React Material-UI 开关以隐藏 div [关闭]

Question

我是 React 新手，我想知道如何使用 TS 中的 Material-UI 切换输入隐藏 div

Answer 1

我希望这可以解决您的问题。

https://codesandbox.io/s/brave-taussig-yxey1?file=/src/App.js

import { useState } from "react";
import { Switch } from "@material-ui/core";

export default function App() {
  const [isChecked, setIsChecked] = useState(false);
  return (
    <div className="App">
      <Switch checked={isChecked} onChange={() => setIsChecked(!isChecked)} />
      {isChecked && <div>the element </div>}
    </div>
  );
}