架构思路 antd的难点

1、对于

 <Form.List name="items" >

                    {(fields,) => {

                        console.log('fields', fields);

                        return (

                            <div style={{ display: 'flex', rowGap: 16, flexDirection: 'column' }}>

                                {fields.map((field) => (

                                    <Card

 

可以支持操作item，而非使用files后面的remove和add方法

 

2、

列1	列2	列3	列4	列5
1	2	3	文本1	是
1	2	3	文本2	否
1	2	3	文本3	是
1	2	4	文本4	否

 对于antd table 实现点击格子时，列1 列2 列3 可以编辑为numberinput 

列4 编辑为文本

列5 编辑为下拉选

 

实时保存时，注意数据的格式