Javascript Parsing error : Unexpected Error

Question

I am getting an error at the function declaration

Parsing error : Unexpected

Here is my code:

class Item extends Component {
    function changeNumberFormat(number, decimals, recursiveCall) { //Parsing error : Unexpected Error
        const decimalPoints = decimals || 2;
        const noOfLakhs = number / 100000;
        let displayStr;
        let isPlural;

        // Rounds off digits to decimalPoints decimal places
        function roundOf(integer) {
            return +integer.toLocaleString(undefined, {
                minimumFractionDigits: decimalPoints,
                maximumFractionDigits: decimalPoints,
            });
        }

        if (noOfLakhs >= 1 && noOfLakhs <= 99) {
            const lakhs = roundOf(noOfLakhs);
            isPlural = lakhs > 1 && !recursiveCall;
            displayStr = `${lakhs} Lakh${isPlural ? 's' : ''}`;
        } else if (noOfLakhs >= 100) {
            const crores = roundOf(noOfLakhs / 100);
            const crorePrefix = crores >= 100000 ? changeNumberFormat(crores, decimals, true) : crores;
            isPlural = crores > 1 && !recursiveCall;
            displayStr = `${crorePrefix} Crore${isPlural ? 's' : ''}`;
        } else {
            displayStr = roundOf(+number);
        }

        return displayStr;
    }
    ...
    }

It looks like I am missing something with the syntax. What am I doing wrong?

When declaring a method in a class declaration you don't use the function keyword. — Pointy
– Pointy, Commented Nov 30, 2019 at 12:41
If I don't use the function keyword, it says the changeNumberFormat method is not defined. — sublime_archon
– sublime_archon, Commented Nov 30, 2019 at 12:43
When you call the method recursively, you have to us this.changeNumberFormat() — Pointy
– Pointy, Commented Nov 30, 2019 at 12:46

tareq aziz · Accepted Answer · 2019-11-30 12:45:16Z

1

You may change your function to a method like this way

changeNumberFormat(number, decimals, recursiveCall) { ... }

or

changeNumberFormat = (number, decimals, recursiveCall)=> { ... }

answered Nov 30, 2019 at 12:45

tareq aziz

7874 silver badges12 bronze badges

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

Comments

Kamron Jurayev · Accepted Answer · 2019-11-30 12:46:37Z

1

youa are trying to declare function inside a react component. Better would be to declare it outside the component.

answered Nov 30, 2019 at 12:46

Kamron Jurayev

971 silver badge7 bronze badges

Collectives™ on Stack Overflow

Javascript Parsing error : Unexpected Error

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related