react页面取值中后端返回的null怎样不显示

页面上的标题是后端传值用window.sessionStorage.setItem保存，但是有的账号传过来的是null导致了这个结果

img


怎么样使null不显示出来啊？代码如下

<div className={styles.title}>{window.sessionStorage.getItem('systemName')?window.sessionStorage.getItem('systemName'):''}</div>

你现在sessionStorage里面的值 保存进去的应该就是个null 也就成了null字符串 多加几个条件试一下，记得把你的sessionStorage值清一下 因为我看你现在好像是两个null

<div className={styles.title}>{window.sessionStorage.getItem('systemName')&&window.sessionStorage.getItem('systemName')!=null&&window.sessionStorage.getItem('systemName')!='null'?window.sessionStorage.getItem('systemName'):''}</div>

你这个 看起来 没问题啊

 <div>
   {window.sessionStorage.getItem('systemName')?window.sessionStorage.getItem('systemName'):"88"}
  </div>

显示 88就说明 为null .你只需要 把 null改成 ""即可