CODEWITHSUNDEEP
javascriptreactjsfunctionparentheses
OreoFanatics
OreoFanatics

Reputation: 898

Difference of using parentheses () and not when calling function in React

I have a question regarding calling a function in React.

Say I have this code:

function test() {
    console.log("hi");
}

Then I am implementing it like this:

        return (
            <TextField label="Name" name='itemName' value={formValues.itemName} onChange={test} />
    )

If I do it this way: test it will be fine. It will only change when I put something on the field.

But if I do it test() then the function will be triggered right away on every render.

Can someone enlighten me more about these differences? And are there any occassions where I should use the parentheses?

Upvotes: 1

Views: 950

Answers (1)

Tamir Abutbul
Tamir Abutbul

Reputation: 7661

When you write test() you are calling the function on the spot (executing your function).

On the other hand, writing it like this test will pass a pointer to the function that needs to be executed later (onChange in your case).

Upvotes: 3

Related Questions