我正在使用Sermantic UI React tab部分,使网页转换器(无航线)。 直到上个月,当我无法在部署版本中找到另一个表格时,所有工作都是完美的。 在当地,该法典实行罚款,而且表格完全有效。 不知道网站的部署和运作情况。 愿意听取任何立场/类似经历。

我正在利用消防基地主办我的网站。 这里还有刺 the式的纳西化法。

import { Menu, Grid } from "semantic-ui-react";
import PageA from "./PageA";
import PageB from "./PageB";
import PageC from "./PageC";

class TabbedNavigation extends Component {
  state = { activeItem: "Alpha" };
  handleItemClick = (e, { name }) => this.setState({ activeItem: name });

  render() {
    const { activeItem } = this.state;

    return (
      <div>
        <Grid centered>
          <Menu pointing secondary>
            <Menu.Item
              name="Alpha"
              active={activeItem === "Alpha"}
              onClick={this.handleItemClick}
            />
            <Menu.Item
              name="Beta"
              active={activeItem === "Beta"}
              onClick={this.handleItemClick}
            />
            <Menu.Item
              name="Gamma"
              active={activeItem === "Gamma"}
              onClick={this.handleItemClick}
            />
          </Menu>
        </Grid>

        {/* ________________________________________________________________________________ */}
        {/* Active Tabs and respective content */}

        {activeItem === "Alpha" ? (
            <PageA />
        ) : null}

        {activeItem === "Beta" ? (
            <PageB />
        ) : null}

        {activeItem === "Gamma" ? (
            <PageC />
        ) : null}
      </div>
    );
  }
}

export default TabbedNavigation;

还在青少年中发现了这一警告。

Warning: ReactDOM.render is no longer supported in React 18. 
Use createRoot instead. Until you switch to the new API, your 
app will behave as if it s running React 17. Learn more: 
https://reactjs.org/link/switch-to-createroot