添加组件的状态在一个字符串阵营

Question

我有以下状态的组件：

class Example extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
     var1: "Dog", 
     var2: "Cat", 
     var3: [20, 40], 
     currentFilter:"None" 
    }; 
     this.updateFilter = this.updateFilter.bind(this); 
    } 

在更新过滤功能，我想将所有的状态属性，但下面的语法不工作：

updateFilter(){ 
    var newSearch= "Searching" {this.state.var1} + {this.state.var2} 
    this.setState({ 
    currentFilter: newSearch 
    }); 
} 

有没有办法将状态属性合并到字符串变量中？

Answer 1

除非您正在编写JSX，否则不需要大括号。由于您的updateFilter()功能仅仅是一个正常的JavaScript函数，你可以把它写成：

updateFilter() { 
    var newSearch = "Searching" + this.state.var1 + this.state.var2; 
    this.setState({ 
    currentFilter: newSearch 
    }); 
} 

虽然，仅供参考，你会得到newSearch将是一个语无伦次"SearchingDogCat"所以你可能要重新考虑你的级联。