最外层div 1可根据 IsVisible[x]的值动态影藏或显示，div 2 overflow属性为'hidden' ，限定了div 2 的高度开发中发现此例中display，overflow放在同一div中，将导致overflow的hidden属性失效。所以将两属性分别置于两个div下，display处于最外层。
<div id= '1' style={{ display: IsVisible[x], position: 'relative' }}>
<div id='2' style={{ "height": "50px", overflow: 'hidden' }}>
<div dangerouslySetInnerHTML={{ __html:
articleList[x].content }}>
</div>
</div>
<button className={styles.button} value={x}
onClick={(e) => { extendsArticle(e) }}>
阅读全文<Icon type="down" />
</button>
</div>
