阵营更改HTML元素的所有权，通过功能

Question

所以基本上返回的结果我有一些现有的元素，它的工作原理很明显，但我希望有一个动态的名字：

<MenuItem primaryText='Foo Name'/> 

但我怎么能做出这么这个作品中，元素的文字可以改变：

<MenuItem primaryText={this.foo}/> 

基本上foo函数返回两个字符串之一，基于组件的状态。例如：

foo() { 
    if (this.state.show === true) { 
    return 'Hide'; 
    } else { 
    return 'Show'; 
    } 
} 

Answer 1

如果你想要返回一个函数的值，你需要调用它。 在这种情况下 - this.foo()：

<MenuItem primaryText={this.foo()}/>