React，处理属性可以具有3-4种可能状态的状态

Question

假设我有一个状态：

this.state = {status: 'disconnected'}

现在，status可以是＆＃39;断开＆＃39;，＆＃39;已连接＆＃39; 或＆＃39;连接＆＃39; 。如何最好地处理这种情况？我应该只是将状态与字符串文字进行比较，例如＆＃39; connected＆＃39;或者＆＃39;连接＆＃39;无论我在哪里，或者有一个“反应”。处理这种情况的方式？

我想在一个保护伞下列出state.status的所有可能值。

Answer 1

我想大多数人只会创建一个具有状态的对象。

const STATUSES = {
  CONNECTED: 'CONNECTED',
  CONNECTING: 'CONNECTING',
  DISCONNECTED: 'DISCONNECTED'
};

然后在您的应用中使用这些。这样可以防止您意外地与文字中的拼写错误进行比较。