ProTable 查询

image.png image.png image.png

<ProTable
            rowKey={(item) => {
              return item.id;
            }}
            search={{
              optionRender: ({ form }) => [
                (
                  <Button
                    key="out"
                    type="primary"
                    onClick={async () => {
                      form?.submit();
                      setSearchObj(form?.getFieldsValue())
                      console.log('searchFormData', form)
                    }}
                  >
                    查询
                  </Button>
                ),
                <Button
                  key="out"
                  onClick={async () => {
                    form?.submit();
                    setSearchObj({})
                  }}
                >
                  重置
                </Button>
              ],
            }}
            columns={columns}
            dataSource={dataList}
            request={() => getsubnetPageList()}
            toolBarRender={() => [
              <Button
                type="primary"
                key="primary"
                onClick={() => {
                  handleOk();
                }}
              >
                创建
              </Button>,
            ]}
          />