React Link 清除默认下划线

原来:
在这里插入图片描述

<Link
   key={index}
   to={`/newsInfo/${item.news_id}`}
   <List.Item key={index}>
     <p>
       <span className="cate">{item.cate}</span>
       <span className='title'>{ item.title }</span>
     </p>

     <p className="discribe">
       <span className="ctime">{ item.ctime} </span>
       <span className="read_num">阅读:{item.read_num}</span>
       <span className="likes">喜欢:{item.likes}</span>
       <span className="collections">收藏:{item.collections}</span>
     </p>
   </List.Item>
</Link>

添加一行style={{ textDecoration:'none'}},注意大小写

<Link
   style={{ textDecoration:'none'}}
   key={index}
   to={`/newsInfo/${item.news_id}`}
   <List.Item key={index}>
     <p>
       <span className="cate">{item.cate}</span>
       <span className='title'>{ item.title }</span>
     </p>

     <p className="discribe">
       <span className="ctime">{ item.ctime} </span>
       <span className="read_num">阅读:{item.read_num}</span>
       <span className="likes">喜欢:{item.likes}</span>
       <span className="collections">收藏:{item.collections}</span>
     </p>
   </List.Item>
</Link>

在这里插入图片描述


版权声明:本文为qq_42453890原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。