ant design 自定义itemRender

const itemRender = (originNode, file, fileList, actions) => {
        let type = file.name?.split?.('.')?.[1]
        return (
            <div className='itemRenderBox'>
                <img className="uploadImg" src={`${RES_PATH}uploadFile/${fileTypeMap[type] || "x"}.png`}></img>
                <span className="uploadName" style={{ "color": `${file.status == "error" ? "#f00" : "#333"}` }}>{file.name}</span>
                <span className="uploadsize">{Math.ceil(file.size / 1024)}kb</span>
                <span className="uploadRemove"
                    onClick={() => { actions.remove() }}
                ></span>
            </div>
        );
    }

 <div className='uploadFileBox'>
            <Upload {...props}
                itemRender={itemRender}
                className='upload'
            >
                <Button className='uploadFileBtn'
                ></Button>
            </Upload>
        </div>