react笔记

1. 1.table表格表头的操作设置

操作？

const titles =<span style={{color:'red'}}>注意: 这是操作的描述</span>
{
      title:(
        <>
        <span>
        {'操作'}
        <Tooltip
        placement="top" 
        color={'#fff'}
        title={titles}
        >
          <QuestionCircleOutlined style={{marginLeft:'10px'}}/>
        </Tooltip>

        </span>
        </>),
      dataIndex: 'action',
      key: 'action',
      width: 100,
      render: (text, record) => (
        <>
          <Button
            disabled={record.invoice_status == '未开票' ? false : true}
            type="primary"
            size="small"
            onClick={() => handleDown(record)}
          >
            申请开票
          </Button>
        </>
      ),
    },

2. 解决 ant-design 输入框显示历史输入记录的问题

2.1 问题 input 输入的时候 会有历史记录

2.2 解决 autoComplete = "off"

 <Form
            form={form}
            name="source"
            labelCol={{ span: 8 }}
            wrapperCol={{ span: 16 }}
            onFinish={onFinish}
            onValuesChange={onValuesChange}
            onFinishFailed={onFinishFailed}
            preserve={false}
            autoComplete = "off"
          >

<input type="text"  autocomplete="off" />

2.3 原因：Form默认开启 aotuComplete 功能，当submit 时会记录输入历史，
取消自动补充功能，只需在Form 上加autoComplete="off"即可关闭自动提示输入历史