TypeError：无法读取未定义的属性“颜色”

Question

我收到一个类型错误，提示无法读取未定义的属性“颜色”

 renderMessage(message) {
 const {member, text} = message;
 const {currentMember} = this.props;
 const messageFromMe = member.id === currentMember.id;
 const className = messageFromMe ?
      "Messages-message currentMember" : "Messages-message";
    return (
      <li className={className}>
      <span
        className="avatar"
        style={{backgroundColor: member.clientData.color}}
      />
        <div className="Message-content">
          <div className="username">
            {member.clientData.username}
          </div>
          <div className="text">{text}</div>
        </div>
     </li>
    );
  }
}

代码正在节点js中编译，但在浏览器中输出错误消息