我需要將功能組件（TableSearch.js 和 TableData.js ）制作成類組件，第一個類組件應(yīng)該稱為TableSearch和第二個TableData。我剛開始研究 React 和 Redux，所以對我來說仍然很難，而且復(fù)雜性在于，在這些函數(shù)中，對象是通過參數(shù)傳遞的（解構(gòu)）。表搜索.js：import React from "react";export default ({ value, onChange, onSearch }) => {  return (    <div className="tableSearch">        <input type="text" className="searchInput" onChange={onChange} value={value} placeholder="Search by flight"/>        <button className="buttonSearch" onClick={() => onSearch(value)}>Search</button>    </div>  );};表數(shù)據(jù).js：import React from "react";export default ({ data }) => (     <div className="tableContainer">  <table className="table">    <thead>      <tr>        <th>Terminal</th>        <th>Gate</th>        <th>Time</th>        <th>Destination</th>        <th>Airline</th>        <th>Flight</th>        <th>Status</th>      </tr>    </thead>    <tbody>      {data.map(item => {         const dt = new Date(item.actual);         const mins = dt.getMinutes();        return (          <tr key={item.ID}>            <td>{item.term}</td>            <td>{item.gateNo}</td>            <td>{`${dt.getHours()}:${mins < 10 ? '0' : ''}${mins}`}</td>            <td>              {item["airportToID.city_en"]                ? item["airportToID.city_en"]                : item["airportFromID.city_en"]}            </td>            <td>{item.airline.en.name}</td>            <td>{item["planeTypeID.code"]}</td>            <td>{item.status}</td>          </tr>        );      })}    </tbody>  </table></div>);           如何將這兩個功能組件（TableData.js 和 TableSearch.js）更改為類組件？