Блог

я изучаю reactjs. Я пытаюсь написать код, который позволяет выбирать и затем применять несколько параметров. В настоящее время у меня есть приведенный ниже код, но он работает не так, как я ожидал, и я не знаю почему. Я также использую для этого хуки

 const [commodityFilter, setCF] = useState('');

const [tradeSideFilter, setTSF] = useState('');

function commoditySearch(rows) {
  const columns = rows[0] amp;amp; Object.keys(rows[0]);
  return rows.filter((row) =>
    columns.some(
      (column) =>
        row[column]
          .toString()
          .toLowerCase()
          .indexOf(commodityFilter.toLowerCase() > -1 || tradeSideFilter.toLowerCase()) > -1
    )
  );
}
 

Входные данные выбора:

 <select
  className="select-options"
  value={commodityFilter}
  onChange={(e) => setCF(e.target.value)}
>
<select
  className="select-options"
  value={tradeSideFilter}
  onChange={(e) => setTSF(e.target.value)}
>
 

Я вызываю функцию здесь

 <HistoryTable data={commoditySearch(currentPosts)} />
 

Пожалуйста, что я делаю не так?