有条件地执行反应

Question

我要在JSX中输入以下语句

我希望isURL（props.url）仅在定义props.url时呈现。如果props.url未定义，则isURL会导致崩溃。

{props.url && isURL(props.url)}

未定义props.url而不显示isURL(props.url)时什么也不显示的最佳方法是什么？

Answer 1

在返回之前将值分配给变量。

render() {

  var url = '';
  if (typeof this.props.url === 'undefined') {
     url = '';
  }else{
      url = this.props.url;
  }    
  return (
      <div>
       {url}
      </div>    
  );
}