Reactjs Javascript if/else not working correctly

Question

I have this if/else statement

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

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

  return checkDevice
}

Somehow it will always return <h1>Gela</h1> and I don't know why, Any suggestions, please?

there is not enough informationi here , your code seems ok... when exactly do you expact to get different result? — adir abargil
– adir abargil, Commented Sep 30, 2020 at 8:32
it is dependency so it does his stuff by himself I don't have to write any code — Nika Roffy
– Nika Roffy, Commented Sep 30, 2020 at 8:36
if isMobile is true then Gela will be returned. You shouldn't ask that question here, you should go to Github and create an issue with the library. There's nothing wrong with your code, it's a matter of what happens under the hood in react-device-detect library. — Robert
– Robert, Commented Sep 30, 2020 at 8:37

groul · Accepted Answer · 2020-09-30 08:43:25Z

1

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

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

export default App;

This code works fine, maybe you need to switch to/from a mobile device view in your dev tools to see 'Gela' or 'Margo'.

answered Sep 30, 2020 at 8:43

groul

1191 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Reactjs Javascript if/else not working correctly

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related