How to use optional chaining in vite?

@samara 

To use optional chaining in Vite, you need to ensure that you are using a JavaScript version that supports this feature. Optional chaining is a feature introduced in ECMAScript 2020, so you should be using a JavaScript version that is ECMAScript 2020 compliant.

Once you have confirmed that optional chaining is supported in your JavaScript version, you can use it in your Vite project by simply including it in your code. Optional chaining allows you to safely access properties of an object without having to check if the object or its properties are null or undefined.

Here is an example of how you can use optional chaining in Vite:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

const person = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York'
  }
};

// Without optional chaining
const city = person.address && person.address.city;

// With optional chaining
const city = person.address?.city;

console.log(city); // Output: New York

In the example above, the optional chaining operator ?. is used to safely access the city property of the address object within the person object. If the address object or its city property is null or undefined, the result will be undefined without throwing an error.