Calling function with call in jsx

Question

I'm trying to call a function from outside a class, and I want this function to have access to the same this variable (which means to props, refs, etc). I've been trying:

const something = (() => {
    console.log(this); // undefined
});

class FooBar extends React.Component {

    render () {
        return (
            <div>
                {something.call(this)}
            </div>
        );
    };

};

However, using Function.prototype.call, this is still undefined. Same thing happens with apply, and bind doesn't execute a function immediately. What's wrong?

Answer 1

Change to, sir :

const something = function() {  
    console.log(this); // FooBar
};

Pen: http://codepen.io/enfer/pen/qqejaV