对JSX反应create元素

时间:2018-07-24 12:48:38

标签: reactjs jsx

我想知道这在JSX中是否等效,包括&&运算符以及将createElement实际写入jsx的方法-按照此处的文档-https://reactjs.org/docs/react-without-jsx.html

没有JSX

if(this.props.oldSkool) {
  return (
  <div {...wrapperProps}>
    {labelTop}
    <div {...props} />
    {labelBottom}
  </div>
  )
}
else {
  return null;
}

JSX

 {this.props.oldSkool && (
    <div {...wrapperProps}>
      {labelTop}
      <div {...props} />
      {labelBottom}
    </div>
 )}

0 个答案:

没有答案