动态反应设置状态 属性

Question

我正在使用 React，我有一些方法可以单独设置组件的状态。 我有以下方法：

setLineColor(value){
  this.setState({stroke:value},()=>{
  this.props.data(this.getStyleData());
 });
}
setFillColor(value){
 this.setState({ fill:value},()=>{
 this.props.data(this.getStyleData());
 });
}
setMode(value){
 this.setState({ mode:value},()=>{
 this.props.data(this.getStyleData());
 });
}

我怎样才能组合这些方法，这样我就可以得到类似的东西：

setAttribute(propery,value){...}

？

Answer 1

像这样

setAttribute(property, value) { 
  this.setState({ [property]: value }, () => {
    this.props.data(this.getStyleData());
  });
}

Example