ReactJS ES6 Issue with import class
<p>In ReactJS, I'm trying to do something very simple. I have a class that I created:</p>

<pre><code>//SomeName.js
class SomeName {
    constructor(name){
        this.name = name;
    }
}
</code></pre>

<p>In my React.component I have:</p>

<pre><code>//Index.js
import React from 'react'
import SomeName from './parts/SomeName'

class Index extends React.Component{

    constructor(){
        super();
        let newName = new SomeName("John Doe");
        this.getName = this.getName.bind(this);
    }

    getName(){
        return newName;
    }

    render() {
        return (
            &lt;div className="pages-container"&gt;

                Hello {this.getName}

            &lt;/div&gt;
        )
    }
};
</code></pre>

<p>However, I stick a debugger in my Index.js constructor, I get no reference to SomeName.  Every reference I've looked at shows it being done this way (not in ReactJS though), and I have no issues importing my components that I make, it's only when I'm trying to return this value.  I feel like there is something really simple that I'm missing, i just don't know what.  Can someone lend a hand?</p>