代码之家 › 专栏 › 技术社区 › Webwoman

定义一个对象的属性值相对于它的兄弟是可以的吗?

coding-style reactjs

Webwoman · 技术社区 · 6 年前

例如:

state={ 
    viewIndex:0,
    travelerIndex: 100,
    viewValue: (this.stateviewIndex * this.state.travelerIndex)
  }

在这里,我们可以看到viewValue是相对于viewIndex和travelerindex定义的。这对我来说似乎有点递归,我想知道这样做是否可以。

任何暗示都很好, 谢谢

1 回复 | 直到 6 年前

Win 6 年前

我将创建一个本地函数来计算状态的总值,而不是在状态中添加一个复杂层。我在下面创建了一个示例。您可以使用返回值来执行任何操作。

class App extends React.Component {
  state = {
    tomsWallet: 50,
    hannahsPurse: 49,
  }
  getTotalBalance = () => {
    return (this.state.tomsWallet + this.state.hannahsPurse).toFixed(2);
  }
  render() {
    return (
      <div>Total Balance: Â£{this.getTotalBalance()}</div>
    )
  }
}

ReactDOM.render(<App/>, document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>

推荐文章

gamer1996 · 输入/输出和类别

6 年前

Alex Pander · cleaner代码的嵌套命名空间[已关闭]

6 年前

Mapi · “一种方法应该做一件事,一次而且只能做一次”-这是什么意思?

6 年前

Jamil Noyda · 导入模块的最佳方式Python[复制]

6 年前

Samselvaprabu · 我们是否需要不惜任何代价避免重复?

7 年前

user9549524 · 基于一列的值从二维矩阵中提取值

7 年前

MedAl · 不使用try/catch处理异常

7 年前

rahulaga-msft · 首次访问属性且支持字段成员为空时的编码样式

7 年前

Declan McKenna · 特殊情况模式在Swift中是否多余?

7 年前

GoldenMan · 如何正确命名变量以避免Python中出现“来自外部作用域的阴影名称”之类的警告

7 年前