在className react.js中调用函数

Question

如何在此示例中为getClass调用className的函数？我写出来的方式似乎没有调用getClass。

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

Answer 1

您正在引用import time print('Loading', end='.') for i in range(0,10): print('', end=".") time.sleep(0.5) 函数的实例，而不是调用该函数。尝试调整它：

getClass()

Answer 2

className{this.getClass}无法编译。试试这个：

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

如果您希望div具有以“className”开头的类名，则将该字符串添加到调用结果中：className={'className' + this.getClass()}。