Передача строки в свойство Filter столбцов в реагирующей таблице - PullRequest
Новая
       15

Передача строки в свойство Filter столбцов в реагирующей таблице

0 голосов
/ 01 марта 2019

Я новичок в таблице реакций.Я пытаюсь отфильтровать свой столбец, создав раскрывающееся меню на основе уникальных значений в столбце.Я получаю свои данные с помощью API выборки и хочу использовать его для создания раскрывающегося меню.Все решения, которые я видел, жестко закодировали опции.Есть ли способ динамически обновить опции в выпадающем меню?Пожалуйста, не предлагайте какое-либо решение, которое жестко кодирует массив, а затем отображает его в элемент, поскольку это противоречит цели.Вот код, который я пытаюсь: 

const columns =[{
        Header: 'City',
        accessor: 'City',
        filterMethod: (filter, row) => {
          if (filter.value === "all") {
            return row;
          }
          if(filter.value === row[filter.id]){
            return row;
          }
        },
        Filter: ({ filter, onChange }) => //how to pass row here so I can access row values
          <select
            onChange={event => onChange(event.target.value)}
            style={{ width: "100%", alignContent: "center" }}
            value={filter ? filter.value : "all"}
            options = {opts(row)}//I want to pass row here so I can return an array of unique values
          />

      },
      {
        Header: 'Scholar',
        accessor: 'Scholar',
        filterable: false      
      }]
...