ReactJS渲染类名中的javascript嵌套函数调用

Question

渲染语句中的函数不起作用。如何将函数作为类名的一部分来调用？ this._displayLogic().showATraffic() 返回未定义。

预期结果: classname ="up blue",

当前结果: “up” 和控制台中出现错误。

class LineStatus extends React.Component{
  constructor(props){
    super(props);
  }
  _displayLogic=()=>{
    var showATraffic=()=>{
        return "blue";
    };
    var showBTraffic=()=>{
        return "Yellow";
    };

    console.log(showATraffic()+"....."); //this works.
  }

 componentWillMount(){
  this._displayLogic();
 }
  render(){
    return(
        <div className="status-content collapse" key={this.props.key}>
          <div className={"up "+this._displayLogic().showATraffic()}>
            <Row className="show-grid">
                <span>Approval</span>
            </Row>
            <Row className="status-subcontent collapse">
              Line content goes here.
            </Row>
          </div>
)
  }
}

Answer 1

_displayLogic 在调用时应返回一个对象，例如

_displayLogic=()=>{
  var showATraffic = () => 'blue'
  var showBTraffic = () => 'Yellow'
  return {showATraffic, showBTraffic};
}