基于React开发的页面，return的div但是页面不显示内容

最近组织让进行代码迁移，浩浩荡荡

前端也采用微服务结构，但是组织为了保持页面统一，将所有的前端微服务整合成一个大前端，由此造成了很多问题

之前测试并完成发布的模块，转移完成后竟然出现了问题

返回值正常，页面解析也正常，逻辑分析也没问题但是界面竟然没有显示内容

各种排查，debugger竟然发现代码没走进去

代码如下

render(text){
    return 
    

        {getValue(text)}
    

}

debugger是在getValue里面的，但是就是没进去

后来无意间发现在idea里面，这块显示的颜色不太正常，感觉是代码格式有问题

后来茅塞顿开，在react里面面板必须直接跟在return后面，或者用括号包起来

如果是在类的render函数里面这样写的话，是编译不过去的，会提示错误

但是这块代码是写在antd table的渲染调用函数的，是不会提示报错，在webstorm编辑器会有如下的颜色提示

改成下面的就可以了