时间戳

首页 > 解决方案 > React 没有呈现为状态值

reactjs - React 没有呈现为状态值

问题描述

我有一个 React 组件，我想在其中进行条件渲染。

代码：

import React from "react";
import "./style/style.css";
class Menu  extends React.Component{
    state = {
        menuState:10
    }
    render(){
        console.log(this.state.menuState)
        if(this.state.menuState === 1 || this.state.menuState === 2)
            return <div className="menu">
                <h1>Menu </h1>
            </div>

        return <div className="menu-bar">
            <h1>Not menu</h1>
        </div>
    }
}
export default Menu;

正如您在此代码中看到的那样，如果menuState是 1 或 2，那么我想返回Menu否则Not menu。menuState为方便起见，我用 10 进行初始化。它什么都不返回，既不返回menu也不返回not menu。

当我设置menuState为 1 或 2 时，它会返回菜单。

state = {
        menuState:1
    }

标签： reactjsstaterendering

解决方案

你的代码似乎很好。您可以检查“菜单栏”的 CSS

推荐阅读