将布尔值显示到材料表React

import React from 'react';
import { Button, Typography } from '@mui/material';

const App = () => {
  const [isVisible, setIsVisible] = React.useState(true);

  const toggleVisibility = () => {
    setIsVisible(!isVisible);
  };

  return (
    <div>
      {isVisible && <Typography>Hello, World!</Typography>}
      <Button onClick={toggleVisibility}>
        {isVisible ? 'Hide' : 'Show'}
      </Button>
    </div>
  );
};

export default App;

import React from 'react';
import { Button, Typography } from '@mui/material';

const App = () => {
  const [isVisible, setIsVisible] = React.useState(true);

  const toggleVisibility = () => {
    setIsVisible(!isVisible);
  };

  return (
    <div>
      {isVisible && <Typography>Hello, World!</Typography>}
      <Button onClick={toggleVisibility}>
        {isVisible ? 'Hide' : 'Show'}
      </Button>
    </div>
  );
};

export default App;