学习React记录篇02

继续学习React，今天学习的是JSX陷阱。

一般在js中注释都为

 

 然而在jsx中注释为

 

 有时用函数组件想返回空，像不返回，返回undefined和返回空（return ;）都是无效的

 

 正确的做法是返回null，这样才会返回一个空的组件

 

 接下来是题目：

 

 当不提供user props时，返回空组件。

 

 第二题切换暗黑主题，根据传入的theme的值返回对应的模式

 

直接将props传入的theme当成变量传入className中

 

 

 clsx一个库可以很好的管理className的值

 

 它简单易上手

 

 

 当值为false时值就不显示

 

题目：

 

 解决：