React js中的条件渲染（多条件内的条件）

其实我正在尝试hide and show一些 html 元素react。 我创建了一个员工表单，其中有多个分区，例如个人信息、联系信息等...... 我在表单中创建了下一个和上一个按钮来显示和隐藏表单中的其他分区 有一个分区需要填写教育详细信息，因此我选择保留加号和减号按钮来使用条件添加教育详细信息。

But finally, my problem is like i have complex conditions on **render** function:

{someCondition && <div>
{anotherCondition && <div></div>}
</div>}

But, i'm getting: *Adjacent JSX elements must be wrapped in an enclosing tag error*. So, what i'm supposed to do? 

您必须先将它们包装在 div 中。另外，你的语法看起来有点错误（你错过了结束语}).

{someCondition && (
  <div>
    {anotherCondition && <div></div>}
  </div>
)}