首页 > 解决方案 > 在 React JS 组件中使用 const 预期的表达式

问题描述

你能帮我解决这个问题吗?

我想要做的是检查用户是否已注册。如果已注册,则应显示主页 url,如果未注册,则应显示注册 url。

为此,我查看并检查保存的数据(isRegistered),如果它等于 null 则未注册并且应该显示 /register url。但它不起作用。

在下一行我有一个错误

const [isReg, setIsReg] = useState(false);

它给了我这个错误:

表达式预期.ts(1109)

const App: React.FC = () => (
  
  const [isReg, setIsReg] = useState<boolean>(false);
  
  if(getItem("isRegistered")==null){
    console.log(getItem("isRegistered"));
    useState(true);
  }
  else{
    useState(false);
  }

  <IonApp>
    <IonReactRouter>
    <IonSplitPane contentId="main" when="(min-width: 4096px)">
          <Menu />
      <IonRouterOutlet id="main">

        <Route path="/" render={() => isReg ? {Home} : {Registro}} />
        
        <Route path="/Favorites" component={Favoritos} exact={true}></Route>
     

      </IonRouterOutlet>
      </IonSplitPane>
    </IonReactRouter>
  </IonApp>
);

在此处输入图像描述

标签: javascriptreactjscomponents

解决方案


它应该是

useEffect(() => {
    if(getItem("isRegistered")==null){
    console.log(getItem("isRegistered"));
    setIsReg(true);
  }
  else{
    setIsReg(false);
  }
}, [])


推荐阅读