Question

在React的undefined处理程序中传递onClick是否安全？

我刚刚尝试过，一切仍然有效，但我无法在文档中找到任何相关内容。

示例：

function MonthBar(props) {
  /* is it okay when props.onClick === undefined ? */
  return <span onClick={props.onClick}>{props.monthName}</span>;
}

MonthBar.propType = {
  onClick:  React.PropTypes.func, // optional                   
  monthName: React.PropTypes.string.isRequired
};

Answer 1

将undefined传递给onClick处理程序是完全有效的。他们必须隐式处理这种情况，因为它是一个可选参数。

Answer 2

传递undefined可以通过在onClick

上查看来处理

function MonthBar(props) {
/* is it okay when props.onClick === undefined ? */
  return (
   <span onClick={props.onClick !== undefined? props.onClick : ''}>
    {props.monthName}
   </span>);
}

MonthBar.propType = {
  onClick:  React.PropTypes.func, // optional                   
  monthName: React.PropTypes.string.isRequired
};

关注的重点应该是你想要将undefined传递给onClick或不传递

在React的onClick中传递undefined是否安全？

2 个答案: