ant踩坑日记

渲染问题

• 当从后端获取数组对象进行map渲染，使用

{option&&option.map(()=>{
	<>
		.....
	</>
})}

option会出现偶发的渲染为0的现象
严谨做法如下

{Boolean(option)&&option.map(()=>{
	<>
		.....
	</>
})}

ant组件库的select在使用defaultValue属性时，操作如下：

<Select
            defaultValue={selectOption}
            // placeholder={selectOption}
            key={selectOption}
            style={{ width: 150, marginLeft: "10px" }}
            onChange={handleChange}
          >

如果不加key，selectOption会保持第一次的初始值，即使更新selectOption，比如使用setSelectOption(‘newValue’)的useState不会更新dom，必须加key=defaultvalue才会生效（ant库使用踩坑）

ant组件库使用menu.item下拉菜单时不会回显选中的项，避免后期需求迭代重构，慎用