React: Calling methods inside a variable

Question

I'm trying to run a simple React component and not sure why this isn't working.

For some reason, addRows isn't running. Can someone explain why?

var CreateRows = React.createClass({
    addRows : function(){
        return (
                <tr>
                    <td>Morgan</td>
                    <td>[email protected]</td>
                </tr>

            )
    },

    render: function(){
        return (
            <tbody>
                {this.addRows}
            </tbody>
        )
    }
});

thank you. I've been following this tutorial - tylermcginnis.com/… They don't use () to invoke functions in it, but yet it works. Can you explain why? — dropWizard
– dropWizard, Commented Nov 16, 2016 at 12:43

mrunde · Accepted Answer · 2016-11-16 12:44:20Z

2

You have to call the function with { this.addRows() }. With your code you are only referring to the function but not invoking it. Such a statement could be used for defining a function e.g. like onClick={ this.addRows }

answered Nov 16, 2016 at 12:44

mrunde

6926 silver badges14 bronze badges

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

2 Comments

dropWizard Over a year ago

ahh, that explains why question to the comment! thank you.

mrunde Over a year ago

Great :) Please accept my answer as correct in that case ;)

Collectives™ on Stack Overflow

React: Calling methods inside a variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related