Javascript 在className react.js中调用函数

如何调用本例中

className

的

getClass

函数？我写出来的方式似乎并没有调用

getClass

var CreateList = React.createClass({
    getClass: function() {
        //some code to return className
    },
    render: function() {
        return(
            <div className{this.getClass}>Example</div>
        );
    }
});

var CreateList=React.createClass({
getClass:function（）{
//返回className的一些代码
},
render:function（）{
返回(
例子
);
}
});

您正在引用

getClass（）

函数的实例，而不是调用该函数。试着像这样调整它：

render: function() {
    return(
        <div className={this.getClass()}>Example</div>
    );
}

render:function（）{
返回(
例子
);
}

className{this.getClass}

不会编译。试试这个：

var CreateList = React.createClass({
    getClass: function() {
        //some code to return className
    },
    render: function() {
        return(
            <div className={this.getClass()}>Example</div>
        );
    }
});

var CreateList=React.createClass({
getClass:function（）{
//返回className的一些代码
},
render:function（）{
返回(
例子
);
}
});

---

如果希望div的类名以“className”开头，那么在调用结果前面加上该字符串：

className={'className'+this.getClass（）}

尝试将

className{this.getClass}

更改为

className={'className'+this.getClass（）}

。函数是用

调用的。如果不调用

this.getClass

，它将无法工作。