使用给定的键和值更新特定状态?

时间:2017-08-23 23:47:45

标签: reactjs

我想将setState函数包含在下面,以节省几行,

function updateState(key, value) {
  this.setState({
    key: value 
  })  
}

但显然这不起作用,有没有办法包装这个功能?

1 个答案:

答案 0 :(得分:0)

除非您传递状态,否则this将引用该函数而不是您的组件实例。您也使用字符串“key”而不是变量key,您可能需要[key]。如果您只想要一个通用的setter方法,则可以执行以下操作。

class React extends PureComponent {
  updateState (key, value) {
    return this.setState({
      [key]: value
    })
  }

  ... rest of your component definition
}

希望有所帮助:)