从后端获取数据然后在页面处理技巧

最新推荐文章于 2022-01-16 17:05:56 发布

马优晨

最新推荐文章于 2022-01-16 17:05:56 发布

阅读量4.7k

点赞数

分类专栏：前端开发小技巧文章标签：从后端获取数据然后在页面处理技巧从后端获取数据在页面处理技巧从获取数据然后在页面处理技巧前端页面数据处理技巧

本文链接：https://blog.csdn.net/qq_24147051/article/details/80797520

版权

前端开发同时被 2 个专栏收录

233 篇文章 27 订阅

订阅专栏

小技巧

133 篇文章 4 订阅

订阅专栏

实例技巧分析：

// 从后端获取数据 entity ，先给默认值为空对象

//假设 我们从后端获取到 entity 传递进来，这个时候 entity 里面有二个数据 statusPassTime 和 companyAddress。

//statusPassTime 是时间戳需要格式化，而companyAddress只是一个普通字符串。则兼容性的处理方案如下：

function CompanyDetail({ entity = {} }) {
   //时间处理
   let { statusPassTime } = entity;

   if (statusPassTime) {
     statusPassTime = moment(parseInt(statusPassTime)).format('YYYY-MM-DD');
   }
   else {
     statusPassTime = '--';
   }

   return (
         //普通字符串处理
         <div>{entity.companyAddress?entity.companyAddress:'--'}</div>
         <div>{statusPassTime}</div>
}