首页 > 解决方案 > Reactjs Javascript if/else 无法正常工作

问题描述

我有这个 if/else 语句

import { isMobile } from 'react-device-detect'

const MoneyManagementOffers = ({ text, title }) => {
  const renderContent = () => {
  const checkDevice = isMobile ? <h1>Gela</h1> : <h1>Margo</h1>

  return checkDevice
}

不知何故,它总是会返回<h1>Gela</h1>,我不知道为什么,有什么建议吗?

标签: javascriptreactjs

解决方案


import { isMobile } from "react-device-detect";

const App = () => {
  const checkDevice = isMobile ? <h1>Gela</h1> : <h1>Margo</h1>;
  return <>{checkDevice}</>;
};

export default App;

此代码工作正常,也许您需要在开发工具中切换到/从移动设备视图来查看“Gela”或“Margo”。


推荐阅读