我正在使用以下 ant 组件: https: //ant.design/components/table/
并且我真的很难在表中添加以下搜索选项:
这是我到目前为止创建的表:

我对 React 和 Typescript 都很陌生,因为该项目不是在 js 中而是在 typescript 中,我无法让我的代码正常工作,查看 ant 文档;我已经将我的组件转变为功能组件,因为我将使用钩子并添加一些代码来消除大多数编译器错误(ts 的类型声明),但仍然有一些语法错误:
这是我的代码:
import React, { Component, useState } from 'react';
import {connect} from "react-redux";
// @ts-ignore
import Highlighter from 'react-highlight-words';
//**External Libraries */
//REACT MOSAIC
import {ExpandButton, MosaicWindow, RemoveButton} from "react-mosaic-component";
import {MosaicBranch} from "react-mosaic-component/src/types";
//BLUEPRINTJS
import {InputGroup} from "@blueprintjs/core";
//ANTDESIGN
import { Table , Button ,Tag , Input , Space} from "antd";
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
import {CaretRightOutlined , SearchOutlined} …Run Code Online (Sandbox Code Playgroud)