自制 react 组件库 强势归来

#1

自己做了一个react组件库，无外部依赖，很小很实用。
很多项目在实用了，BUG也比较少。欢迎大家issue

地址: http://mtui.h5ds.com

如果觉得对自己有帮助，请不要吝啬 star

1 Like
#2

好多组件，厉害。

关于折叠面板的组件，我想问如果CollapseItem的children是一段html、或者是带有换行符的字符串，还能够正常显示吗？

<Panel header="Collapse">
				<Grid width="1/2">
					<Collapse className="collapse" only={true}>
						<CollapseItem header="我小的时候">
							我小的时候，盼望着过年。从农历的腊月二十三开始，接下来的每一天似乎都是色彩斑斓的，都散发着温馨绵厚的香味儿。村里的老婆婆坐在厚厚的蒲团上教我们唱着童谣：“二十三，祭灶官；二十四，扫房子；二十五，磨豆腐；二十六，蒸馒头；二十七，杀只鸡；二十八，贴画画；二十九，去买酒；年三十，包饺子；大初一，撅着屁股乱作揖。”这首童谣像是我们村里人的过年指南，农历二十三的时候就吃灶糖、祭灶神，二十四的时候就忙着用笤帚打扫屋子，二十五的时候就准备过年吃的豆腐，二十六的时候家家户户蒸枣花馒头、蒸萝卜缨包子……千百年来，太阳沿着亘古不变的轨迹东升西落；冬去春来，人们世世代代遵循着这样的过年流程过年。
						</CollapseItem>
						<CollapseItem show={true} header="到了农历的年末">
							到了农历的年末，城市的超市里挂满了玲珑华美的红灯笼，玻璃橱窗上也贴上了各式花样的剪纸，这些都是年的符号，也是年的名片。我内心深藏的年味儿犹如一只脆弱不堪的老酒坛被这些符号与名片猛然击碎，老酒倾泻满地，浓郁醇厚的味道漫然飘散。  
						</CollapseItem>
						<CollapseItem header="还要点我？">
							我已经编不下去了~
						</CollapseItem>
					</Collapse>
				</Grid>
			</Panel>
#3

可以的。header里面也可以传入一个 html

#4

带有换行符的字符串呢？

str = “我小的时候，盼望着过年。\n从农历的腊月二十三开始”

#6

你可以这样 str = <span>我小的时候，盼望着过年。<br/>从农历的腊月二十三开始</span>