React，JSX和组件的条件显示 - TypeError

Question

有人可以解释一下，为什么这不起作用？

import React from 'react';

import Dashboard from './../modules/Dashboard/';

const DashBoardPart = () => (
  <Dashboard>
    {false && <div>lorem</div>}
  </Dashboard>
);

DashBoardPart.propTypes = {};

export default DashBoardPart;

当我在这个组件中使用这种类型的条件显示时，它会抛出这个erorr：

  

index.js：35 Uncaught（在promise中）TypeError：无法读取属性   ＆＃39;道具＆＃39; of null（...）

该组件也有条件地包含在其父组件中：

<LayoutMain>
            {!snTableMaximized && userData.type == constants.POSTPAID && <DashboardPart/>}
</LayoutMain>

只有在显示条件为false时才会看到错误。此外，这种条件显示在父组件中工作正常。我做错了什么？