javascript - 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>
,我不知道为什么,有什么建议吗?
解决方案
import { isMobile } from "react-device-detect";
const App = () => {
const checkDevice = isMobile ? <h1>Gela</h1> : <h1>Margo</h1>;
return <>{checkDevice}</>;
};
export default App;
此代码工作正常,也许您需要在开发工具中切换到/从移动设备视图来查看“Gela”或“Margo”。
推荐阅读
- .net-core - 重写 IHostedService 以在所有任务完成后停止
- magento2 - 加载付款时出错。请刷新或稍后重试。PWA Venia Theme Magento2.4 问题来了
- git - 未来 Git 推送和更新 gh-pages
- vue.js - 在 cPanel 上部署 Headless CMS (Strapi) 和基于 Vue 的 NodeJS Web 应用程序的策略
- apexcharts - ApexCharts 气泡 - 更改季度背景颜色
- php - laravel 8,如何使用 post 方法显示来自 FORM 的数据?
- python-3.x - GridSearchCV 给出的分数来自与 refit 参数中指示的不同的最佳估计器
- javascript - 如何设置一个函数在条件满足时不调用 - JavaScript
- vertica - 在 Vertica 中执行查询需要很长时间
- java - Java switch 语句的语法强制检查所有已知的枚举案例