取数值并返回一个表示实际实际条件的字符串

Question

这看起来应该很容易，但我不知道如何做这么简单的事情。

在我的一个React页面中，我有一个弹出窗口，显示游戏中角色的当前威胁级别。

该页面的值为0、1或2。

我想展示实际的措辞，而不仅仅是一个数字。

所以我做了一个枚举，看起来应该有效，但我不知道如何获得数字的字符串表示。

这是我的代码：

import React from 'react';
const threatStatus = {
0: 'Clear',
1: 'Stealth',
2: 'Detected'
}
const CombatDetials = ({ detectionVal }) => (
ReactDOM.createPortal(
<div>
<div>Current Threat Detection Level: threatStatus.{detectionVal} </div>
</div>
)
)
export default ProjectDetails;

但当我这么做的时候。。。我只看到这个：

threatStatus.0 or whatever the number is.

如何让它显示字符串，如"clear"、"Stealth"或"Detected"？

谢谢！

Answer 1

要访问对象属性，您需要这些括号，比如threatStatus〔detectionVal〕，并且要获得变量的字符串，您必须用大括号-｛｝将其包裹起来。

<div>
<div>Current Threat Detection Level: {threatStatus[detectionVal]}</div>
</div>