2020.8.5 -----saas营运后台迭代小需求

选择器

antd组件的方法应该怎么调用，例如InputNumber的blur()

登陆时效过期 使用w2进行代理
登陆后获取cookie值
检查=>Network=>info=>headers=>request header=>cookies
将cookie值复制粘贴到项目中设置代理的代码中
一般设置代理的代码都长这样

    proxy: {
      "/": {
        "target": "http://xxxxx",
        "changeOrigin": true,
        "headers": {
          "Cookie":
            "xxxx"
        }
      }
    }

疑问：怎么区分两个inputNumber?
提交的四个数据怎么存储，可以存在一个数组中吗？
重复内容太多 可不可以把几个inputNumber合在一起

antd form表单的应用

• 将Form表单添加到shoplist组件中，可在组件的props中调用

Form.create()(ShopList);

• Form中调用的input组件，其本身的value、initialValue将不再可用，可使用getFieldDecorator 里的 initialValue，并且initialValue最好设置为变量，不要直接使用number或string

我在函数外声明了一个initialValue值，将其负值给getFieldDecorator的initialValue,因为解构赋值，只需要写一个initialValue即可

		<Form.Item>
              {getFieldDecorator('overPercent', {
            rules: [{ required: true, message: 'Please input your username!' }],
            initialValue,
          })(
            <InputNumber
              min={0}
              max={40}
              formatter={value => `${value}%`}
              parser={value => value.replace('%', '')}
              step={0.01}
              precision={2}
              />,
          )}
       </Form.Item>

而后我想将一个span标签放在InputNumber的上面，加进去后会报错，并且取不到overPercent的值，从官方文档可得原因（如下），所以只好将span标签拿出来放在Form.item标签的外面

一个 Form.Item 建议只放一个被 getFieldDecorator 装饰过的 child，当有多个被装饰过的 child 时，help required validateStatus 无法自动生成。

• Form rules的validator如何传自己的参数
• form validator的callback必须返回，无论是条件判断还是什么内容执行完成后必须返回callback();
• callback(‘内容’) => 内容怎么显示在页面上，而不是在控制台
• label明明已经设置了id 依然报错

redux中reducer的写法，将多个if判断action的语句写成函数映射模式，
{a:fun1,b:fun2}
最后直接调用对应的指针，不用再更改业务代码