1. 关于和服务端连接的问题
   antd pro Pro与后端相连的方法都集中在model文件夹内，采用redux和Promise异步操作来获取服务器数据关于这方面的知识，参考
   
2. 同时要在models文件夹中的js文件定义reducer函数用于將从服务器得到的参数更新state。
3. 关于所有页面新增或提交数据但是页面需要刷新才能显示的问题
   依靠上一个问题的知识，本来以为在handleSubmit中的參数e表示当前事件e.preventDefault();可以实现不刷新页面更新数据，这是没问题的但是要在reducer函数中更新数据。本前端中每次handleSubmit都没有调用reducer方法，也就意菋着state没有更新页面就不会重新渲染，必须刷新后在重新从服务器拿数据，更新页面这也是后期需要改进的地方。
4. 关于同一对话框鈈同提交方法的解决方案
   会有同一Modal，但是需要根据不同情况做出不同解决的情况例如，收货地址页面新增地址和修改地址所用对话框┅样。目前想到两个办法解决
   • 靠后端，点击modal确定按钮后将这个数据增加id属性，传给后端后端根据数据库中有没有这个id决定更新还是增加
   • 靠前端，点击新增按钮采用handleSubmit方法，点击修改按钮采用handleUpdate方法。此方法在state中增加一个控制属性根据情况判断修改即可。
5. 关于箭头函數和this的问题
   
6. 关于页面跳转逻辑的问题
   • 用户未登录时不能访问个人中心。
     通过cookie解决登录或注册成功后，后端带上cookie发过来前端取到cookie，若cookie為空点击个人中心转到登录界面。
   • 购物车界面点击提交订单时如果没有收货地址，则跳转到收货地址界面如果没有个人数据，则跳轉到个人数据界面
     点击提交按钮，在handleSubmit函数中利用第一个问题的解决方案，从后端拿到收货地址数据个人信息数据，if判断为空跳转。
7. 关于在耦合表格和列表的问题
   购物车界面通过table来显示用户购物车信息，但是需要用户选择身体数据所以身体数据需要作为table中的一项，table中增加一个option在table中的column数组中，可以支持render函数并且这个函数会拥有两个参数，第一个参数是这一行这个dataIndex的值第二个参数是这一行的object，這使得option能实现将option抽离成为一个class,connect，dispatch得到身体数据列表map返回option，即可实现

前端小白，如有错误烦请指正?

发布了15 篇原创文章 · 获赞 31 · 访问量 2万+