how to use Netinfo in if statement in React Native Typescript

Question

i need to use the NetInfo.isConnected in a variable to send to my if statement, but all examples i see in internet are the same, just console.log the value, never put inside a variable

function verifyConnection() {
  let isConnected;
  NetInfo.fetch().then((state) => {
    isConnected = state.isConnected;
  });
  return isConnected;
}

always return undefined, but if a put into a variable like this

let isConnected = NetInfo.fetch().then((state) => {state.isConnected});

return : LOG {"_A": null, "_x": 0, "_y": 0, "_z": null}

how to use netinfo inside a if statemente to test my connection status

user18309290 · Accepted Answer · 2022-10-30 16:03:06Z

1

Use async and await to wait a promise to resolve

async function verifyConnection() {
  return (await NetInfo.fetch()).isConnected;
}

or useNetInfo hook when rendering components.

const Component = () => {
  const netInfo = useNetInfo();

  return (
    <View>
      <Text>Is Connected? {netInfo.isConnected?.toString()}</Text>
    </View>
  );
};

answered Oct 30, 2022 at 16:03

user18309290

8,5003 gold badges9 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

how to use Netinfo in if statement in React Native Typescript

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