Question

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

而当我用 index 甚至是整数（5）之类的东西代替 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，也可以在Required中将其标记为propTypes。

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

为什么从const结果中返回**元素作为错误？

1 个答案: