如何使用材料表使用来自反应状态的数据填充查找

Question

我正在尝试使用存储在状态中的端点中已有的数据填充查找字段。似乎我无法从列数组访问状态。我也无法从 editComponent 字段访问以反应状态存储的任何内容。这怎么办？

    function App() {
      const [states, getStates] = useState([
        "1": "NY",
        "2": "NJ",
        ... 
    ]);
    const [countries, getCountries] = useState([
        "1": "USA",
        "2": "CAN",
        ... 
    ]);
   
    const [columns, setColumns] = useState([
      {
        title: "Name",
        field: "DisplayText_txt",
        hidden: false,
      },
      {      
        title: "State",
        field: "stateDisplayText",
        hidden: false,
        lookup: {this is where I want this.state.states}
      },
      {      
        title: "Country",
        field: "countryDisplayText",
        hidden: false,
      },
        editComponent: (how can I access this.state.countries here?) => {
        /* editComponent code here */
    }
  ]);