javascript - 为什么从 const 结果中返回 **element** 作为错误？

Question

我得到的错误是:从浏览器中的控制台订单未定义

然而当我用 index 甚至积分( 5 )之类的其他东西替换 order 时，它工作得很好。 order 元素可能有什么问题？

提前致谢!

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

如果 order 不在您的 props 中，那么您将收到该消息。您可以将其设置为类上的 defaultProp，也可以在 propTypes 中将其标记为 Required。

<MyComponent {...otherProps} order={myOrder} /> // has to be there