根据你提供的代码,在判断differenceInDays
是否大于30时,你可以使用条件语句来展示不同的内容。具体修改如下:
const targetDateTime = new Date(items.finishTime);
const currentDateTime = new Date();
const differenceInTime = targetDateTime.getTime() - currentDateTime.getTime(); // 将目标日期放在减法运算的左侧
const differenceInDays = differenceInTime / (1000 * 3600 * 24);
return (
<div>
{differenceInDays > 30 ? (
<>
<div className="right-flow-label">
<div>已激活</div>
<p>{items.finishTime}</p>
</div>
<div className="introduce">
+{items?.xpackValue}
{items?.xpackType}
</div>
</>
) : (
<>
<div className="right-flow-label">
<div>待激活</div>
<p></p>
</div>
<div className="introduce">
完成送你{items.xpackValue}
{items.xpackType}
</div>
</>
)}
</div>
);
这样,如果differenceInDays
大于30,则展示已激活相关信息;否则展示待激活相关信息。请注意将目标日期放在减法运算的左侧以确保计算结果正确。
内容由零声教学AI助手提供,问题来源于学员提问