reactjs - 动态 react 设置状态属性

标签 reactjs state javascript-objects

我正在使用 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){...}

?

最佳答案

像这样

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

Example

关于reactjs - 动态 react 设置状态属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37591430/

相关文章:

javascript - react 注册同步 setState( Hook )

Android暂停状态说明

javascript - 如何使用 Javascript 根据复选框的状态更改隐藏输入的值?

JavaScript:从对象中删除除 1 个键之外的所有键

javascript - 如何使用数组变量更新对象值? (JavaScript)

reactjs - react native 上下文和弃用的 super 用法

architecture - React/Redux 和多语言(国际化)应用程序 - 架构

javascript - 在 React 组件中使用谷歌地图

javascript - 在 React 中动态更新 'state' 会覆盖整个状态

javascript - 大型 javascript 文件的最佳实践?