为什么从const返回**元素**呈现错误？

Question

我遇到的错误是：

order is undefined

从浏览器中的

console

whereas

当我用index甚至是积分不可分割的其他东西代替dore时（5）时，它可以正常工作。订单元素可能有什么问题？ 提前感谢！

render() {
const { classes, index, color, order, onClick } = this.props;
return (
  <div
    className={ClassNames({
      [classes.general]: true,
      [classes.borderBlack]: true,
      position:'relative'

    })}
    style={{ backgroundColor: color }}
    onMouseOver={this.mouseOver.bind(this)}
    onMouseLeave={this.mouseOut.bind(this)}
    //----Makes markers clickable
     onClick={onClick}
  >
    {index}
    {this.state.hover ? 
     <div style={{
      color: 'white',
      position: 'absolute',
      fontSize:30,
      backgroundColor: 'black'
       }}>{order}</div> : null}
  </div>
);
}

如果不在您的

Answer 1

中，那么您将收到该消息。您可以将其设置为班级上的

props

，也可以将其标记为

defaultProp

。

Required